1. Favicon là gì?
Favicon là viết tắt của các biểu tượng yêu thích, còn được gọi là biểu tượng shortcut, biểu tượng trang web, biểu tượng tab hoặc biểu tượng đánh dấu. Đây là một ảnh nhỏ, kích thước phổ biến là 16 × 16 pixel, biểu tượng cho trang web của bạn
Nó thường xuất hiện trên thanh địa chỉ của trình duyệt, trang yêu thích và bookmark.
Định dạng phổ biến của Favicon là .ico ngoài ra còn có png, gif., jpeg, svg. Hầu hết các trình duyệt sẽ xác định file favicon.ico trong thư mục gốc website và đặt nó làm icon của web
2. Tại sao website cần có Favicon
- Để người dùng dễ dàng ghi nhớ logo trên thanh địa chỉ của trang web
- Giúp phân biệt được các trang web khác nhau khi đang sử dụng trình duyệt web
- Giúp cho việc SEO web và xây dựng thương hiệu dễ dàng hơn
3. Cách để tạo Favicon cho website
Bước 1: Thiết kế file ảnh bằng phần mềm như Photoshop, Illustartor,… theo kích thước chuẩn 16 x 16 pixel. Thông thường file này là logo của thương hiệu
Bước 2: Chuyển file này sang định dạng .ico. Bạn có thể sử dụng các phần mềm nêu trên hoặc các phần mềm online như
- https://www.favicon-generator.org/
- https://www.favicon.cc/
- https://convertico.com/
Bước 3: Up file Favicon.ico lên host website ở thư mục gốc
Bước 4: Nhúng đoạn mã HTML để tạo lập Favicon
Chèn đoạn mã vào phần header của trang web <link type=”image/x-icon” href=’Đường dẫn tới file .ico’ rel=”shortcut icon”/>
Kết luận:
Trên đây là bài viết giải thích cho thuật ngữ Favicon và cách để tạo Favicon cho trang web. Nếu website bạn chưa có Favicon thì hãy tạo ngay đi nhé