Cách Tạo Favicon Cho Website

Cách Tạo Favicon Cho Website


Ngày 30 Tháng 10 Năm 2021

Ngày hôm nay chúng ta sẽ cùng nhau đi vào tìm hiểu cách thêm favicon vào cho trang web bằng HTML nha.

Thêm Favicon Vào Website

Favicon là gì?

Favicon là một biểu tượng nhỏ được dùng để làm thương hiệu cho trang web của bạn. Ví dụ khi mở nhiều tab cùng một lúc thì người dùng sẽ dễ dàng xác định vị trí website của bạn dễ dàng hơn thông qua favicon. Thông thuòng nó sẽ là các hình ảnh đơn giản với độ lớn khoảng 16x16.

Dưới đây là ví dụ favicon mà trang web mình đang sử dụng:

Ví dụ Favicon

Cách Thêm Favicon Bằng HTML

Trong phần này mình sẽ hướng dẫn cách để bạn thêm favicon cho trang web thông qua HTML thông qua đoạn code dưới đây nha:

<head>
...
<link rel="shortcut icon" type="image/jpg" href="Địa chỉ hình ảnh"/>
...
</head>

Các phần mềm tạo Favicon

Trong phần này mình sẽ giới thiệu các website tạo hình ảnh favicon đẹp cho trang web nha.

Favicon Generator:

Favicon Generator

favicon.io

favicon.io

Realfavicongenerator

Realfavicongenerator

Genfavicon

Genfavicon

Tổng kết:

Qua đây mình mong bài viết sẽ cung cấp thêm cho bạn cách tạo favicon cho việc phát triển, thiết kế web và nếu có thắc mắc gì cứ gửi email mình sẽ phản hồi sớm nhất có thể. Rất mong bạn tiếp tục ủng hộ trang web để mình có thể viết nhiều bài hay hơn nữa nhé. Chúc bạn có một ngày vui vẻ!