Favicon là gì?
Bạn là một người thường xuyên duyệt rất nhiều trang web khác nhau trong lúc làm việc. Khi đó, các tab trên trình duyệt mở rất nhiều và mỗi lần bạn muốn chuyển qua một trang web nào đó, bạn phải làm sao để nhận diện đúng tab đang mở trang web bạn cần? Có phải bạn sẽ nhìn vào biểu tượng hiển thị trên mỗi tab đúng không? Biểu tượng đó được gọi là Favicon.
Vậy, định nghĩa favicon chính là icon đại diện cho trang web trên các tab của trình duyệt, giúp người dùng dễ dàng nhận diện các trang web đang mở. Theo đó, favicon không chỉ xuất hiện trên tab của trình duyệt, nó còn xuất hiện trong các thanh dấu trang, lịch sử duyệt web, …
Mục đích chính của favicon giúp người dùng dễ dàng nhận diện các trang web hơn khi duyệt qua nhiều trang web. Thôn thường người ta sẽ dùng chính thiết kế logo để làm favicon, nhưng không nhất thiết phải như vậy. Chủ yếu để có sự liên quan giúp người dùng luôn nhớ được bản chất thương hiệu của website.
>> Dịch vụ thiết kế website chuyên nghiệp.
Cách tạo Favicon tốt
Rất nhiều điều cần phải được xem xét khi tạo và thiết kế favicon cho trang web của bạn. Mặc dù bạn có thể dùng chính logo làm favicon, nhưng các favicon thường thiết kế dạng hình vuông, nhỏ, khó nhìn rõ. Do đó nó phải có sự đơn giản, dễ nhìn và nhận biết. Một số logo không đảm bảo 2 điều này khi thu nhỏ, khi đó bạn không thể dùng chính logo làm favicon. Do đó, điều quan trọng là đảm bảo bạn tạo ra biểu tượng tốt nhất có thể vì đây là thứ mà người dùng sẽ nhận diện thương hiệu của bạn. Dưới đây là một số điều cần lưu ý khi tạo biểu tượng favicon cho trang web của bạn:
Sử dụng không gian một cách khôn ngoan:
Favicon đôi khi không phải lúc nào cũng chỉ đơn giản là một phiên bản nhỏ hơn của logo. Cần phải xem xét kích thước tổng thể của favicon của bạn. Bạn nên sử dụng 16px vì nó được chấp nhận bởi tất cả các trình duyệt.
Sự đơn giản:
Mặc dù Favicon là bộ mặt trực quan của thương hiệu của bạn, nhưng bạn muốn giữ cho thiết kế của mình càng đơn giản càng tốt. Các Favicon tốt nhất là đơn giản nhất. Do kích thước nhỏ của Favicon và sự đơn giản của hình dạng được sử dụng, màu sắc rất quan trọng để bắt mắt người tiêu dùng tiềm năng và nổi bật. Quá nhiều chi tiết sẽ chỉ làm cho Favicon trông lộn xộn và khó nhận biết.
Nhận dạng thương hiệu:
Favicon là biểu tượng trực quan cho thương hiệu của bạn, vì vậy Favicon sẽ cho người dùng nhận biết được thương hiệu ngay lập tức. Mặc dù điều này là rất khó thực hiện với một thiết kế nhỏ và đơn giản như vậy, nhất là khi bạn không thể dùng logo để làm favicon. Do đó, bạn có thể tuỳ biến dựa trên logo, như là lấy một phần của logo làm favicon, lấy chữ cái đầu của logo (nếu logo là chữ), sử dụng màu sắc đồng nhất với logo.
- Công ty thiết kế web tại TP. HCM
Có thể sử dụng những định dạng nào cho một Favicon?
Trái ngược với trước đây khi Favicon cần ở định dạng Windows ICO, giờ đây có một số tùy chọn định dạng khác nhau. Dưới đây là cái nhìn sâu hơn về từng cái:
ICO của Windows: ICO là tệp được hỗ trợ rộng rãi nhất cho đến nay. Lợi ích của ICO là nó có thể chứa nhiều độ phân giải và độ sâu bit, hoạt động rất tốt và đặc biệt hữu ích cho Windows. ICO cũng cung cấp một biểu tượng 32 pixel hữu ích cho thanh tác vụ Windows 7 của Internet Explorer. Đây cũng là định dạng duy nhất không sử dụng phần tử <link>.
PNG: Định dạng PNG hữu ích vì một số lý do khác nhau. Bạn không cần bất kỳ công cụ đặc biệt nào để tạo tệp PNG, làm cho tệp này rất thân thiện với người dùng. Nó giúp cho kích thước tệp nhỏ nhất có thể và hỗ trợ độ trong suốt.
SVG: Định dạng này có thể được sử dụng và được hỗ trợ bởi các trình duyệt Opera.
GIF: Định dạng này không mang lại bất kỳ lợi ích nào ngoài việc sử dụng trên các trình duyệt cũ. Thực tế rất ít website dùng ảnh GIF để làm favicon.
JPG: Mặc dù định dạng này có thể được sử dụng, nhưng nó không phổ biến và sẽ không có chất lượng độ phân giải tốt như PNG. Ngoài ra, do kích thước nhỏ của Favicon, JPEG sẽ không rõ ràng.
APNG: Đây là một phiên bản động của PNG và mặc dù nó có thể được Firefox và Opera hỗ trợ, nhưng nó có các vấn đề tương tự như GIF động, khiến người dùng mất tập trung khi nhìn vào giao diện của chúng.
Kết luận
Trên đây là định nghĩa về favicon là gì cũng như cách để bạn có được một ảnh favicon tốt. Favicon tốt có thể ảnh hưởng tích cực tới trải nghiệm duyệt web của người dùng. Đồng thời, nó cũng gián tiếp nâng cao chất lượng SEO cho website của bạn theo một số cách. Đừng quên sử dụng một favicon tốt cho website của bạn nhé!
Loading...
