Favicon là một biểu tượng đặc trứng dành cho website. Biểu tượng này rất giống với logo của website. Tuy nhiên hiện nay vẫn còn khá nhiều người mơ hồ về favicon là gì? Trong bài viết này chúng tôi sẽ hướng dẫn đến các bạn chi tiết về favicon là gì để các bạn hiểu rõ về nó nhé.
Favicon là gì?
Thường thì các nhà thiết kế sẽ thiết kế favicon tương đối giống với logo của website tuy nhiên nó sẽ đơn giản hơn rất nhiều và không có tagline cũng như không có tên thương hiệu mà chúng chỉ có phần hình ảnh chính của logo mà thôi. Favicon được xem là phần đặc trưng riêng của website.
Nguyên nhân website nên sử dụng favicon là gì?
Khi website được sử dụng favicon thì bạn sẽ có được những ưu điểm lợi ích như sau:
Giúp cho người dùng có thể phân biệt được đâu là tab cỉa mình mỗi khi người dùng mở trình duyệt một cách dễ dàng. Cũng như có thể biết được website của bạn trong các phần bookmark với nhiều website khác.
Khi website có favicon sẽ trở nên rất đẹp
Tiếp theo hãy cùng bài viết xem qua những lợi ích của Favicon nhé.
Kích thước tối ưu của Favicon là bao nhiêu?
Kích thước phù hợp nhất của một Favicon trên website có thể gồm: 16×16 pixel (khuyên dùng kích thước này); 32×32 hoặc 48×48, 64×64
Bên cạnh đó thì người dùng có thể sử dụng các kích thước lớn hơn hoặc nhỏ hơn dành cho Favicon nhưng dù bạn có dùng kích thước nào đi nữa thì sẽ không làm ảnh hưởng đến dung lượng tải của web.
Kích thước của một tệp favicon.ico nên nhỏ hơn 100kb
Các định dạng của Favicon như thế nào?
Hiện nay có rất nhiều trình duyệt được nâng cấp và được hiển thị rất khác nhau. Chính vì vậy mà khi bạn để favicon ra hết những tính năng của mình trên nhiều loại trình duyệt như: Chrome, coccoc,…hay các trình duyệt trên thiết bị mobile thì bạn cần chú ý đến như sau:
Favicon cần phải có nhiều định dạng với đuôi file khác nhau.
Favicon cần được sở hữu nhiều kích thước khác nhau.
Nhiều trình duyệt hiện nay ngày càng được nâng cấp cũng như có nhiều mức độ phức tạp khác nhau. Vì vậy để Favicon có thể “bộc lộ” ra hết những tính năng của mình trên nhiều loại trình duyệt như Chrome,coccoc… hay trình duyệt mobile thì bạn cần lưu ý đến hai vấn đề sau:
Một số lưu ý khi thiết kế Favicon là gì?
Một số gợi ý giúp bạn thiết kế Favicon chuẩn hơn
Định dạng của Favicon nên là PNG. Định dạng này giúp bạn giữ được chất lượng hình ảnh tốt nhất thậm chí là bạn đã nén ảnh.
Kích thước file phải <100 KB.
Kích thước Favicon tiêu chuẩn hiện nay nên là 512×512 px. Bởi vì sự phát triển của màn hình hiển thị như Retina của Apple hay màn hình 4K của các thiết bị di động, bạn cần một Favicon có kích thước lớn hơn để hiển thị sắc nét nhất có thể.
Xem Thêm: Tổng hợp công cụ đánh giá website chất lượng
Tìm hiểu về mã nguồn là gì? Lợi ích của mã nguồn
Nguồn: Tri Thức Web