Favicon (viết tắt của favorite icon) là một biểu tượng nhỏ xuất hiện ở phía góc trên cùng của tab trình duyệt khi người dùng truy cập vào một trang web. Nó giúp người dùng dễ dàng nhận biết thương hiệu và đại diện cho trang web.
Định dạng và kích thước chuẩn của Favicon
Favicon thường có kích thước chuẩn là 16x16 pixel, 32x32, 48x48, hoặc 64x64. Định dạng phổ biến của Favicon là .ico, nhưng cũng có thể sử dụng các định dạng khác như png, gif, jpeg, svg. Kích thước của file favicon.ico nên nhỏ hơn 100kb để đảm bảo hiệu suất tải trang web.
Lý do website cần Favicon
Favicon giúp người đọc dễ dàng nhận biết tab của trang web trong trình duyệt và phân biệt từng trang trong phần bookmark. Thiếu Favicon có thể làm giảm sự thu hút và tạo dấu ấn thương hiệu.
Lợi ích của Favicon
- Giúp tạo điểm khác biệt và dấu ấn thương hiệu cho website.
- Xác định tab được mở trong trình duyệt, giúp người dùng không bị nhầm lẫn giữa các tab.
- Làm cho website trở nên nổi bật và thu hút hơn.
- Góp phần đánh giá mức độ chuyên nghiệp và thẩm mỹ của trang web.
Cách tạo Favicon
- Thiết kế hình ảnh Favicon với kích thước chuẩn.
- Sử dụng định dạng .ico cho Favicon.
- Tiến hành tải lên hình ảnh và tạo file Favicon.
- Chèn đoạn mã HTML trong phần <head> của trang web để thêm Favicon.
Thêm Favicon cho WordPress
- Với phiên bản 4.3 WordPress, việc thêm Favicon trở nên đơn giản.
- Người dùng có thể tải lên biểu tượng trang web và WordPress sẽ tự động thực hiện việc cắt và điều chỉnh kích thước hình ảnh để phù hợp với kích thước chuẩn.
Lưu ý khi thiết kế Favicon
- Sử dụng định dạng PNG cho Favicon để giữ chất lượng hình ảnh tốt nhất.
- Chọn kích thước chuẩn và tránh sử dụng hình ảnh quá lớn.
Bookmarks