Favicon là gì? Tại sao bên cạnh thiết kế Logo bạn cần thiết kế Favicon cho website của mình? Tôi sẽ hướng dẫn bạn tạo favicon đơn giản.
The difference between ordinary and extraordinary is that little extra.
Không phải ngẫu nhiên mà hầu hết các theme wordpress hiện nay đều có mục lựa chọn trưng bày Favicon bên cạnh Logo. Bạn có biết mục đích thật sự của nó là gì? Tôi sẽ giúp bạn hiểu rõ hơn về Favicon và làm thế nào để thiết kế Favicon hợp lý nhất.
Favicon là gì?
Favicon là một biểu tượng nhỏ đặc trưng hiển thị trên mỗi tab trình duyệt ứng với mỗi địa chỉ website. Favicon hiển thị ngay bên cạnh tên của trang web như một logo thu nhỏ.
Tại sao không nên sử dụng Logo làm Favicon?
Favicon là thể rút gọn của Logo nhằm mục đích giúp người đọc nhận biết thương hiệu riêng. Thông thường Logo thường được thiết kế gồm chữ dạng Tagline hay Title của website. Favicon lược bỏ chữ đi bởi vì kích thước hạn chế của nó chỉ cho phép bạn hiển thị biểu tượng. Bạn hãy xem hình dưới để hiểu rõ hơn về Favicon.
Tại sao website cần Favicon
Chúng ta cần Favicon làm gì khi đã có Logo hiển thị trên mỗi trang web? Nó có quan trọng hơn Logo hay không? Logo đã quá đủ để người đọc nhận biết thương hiệu của mình?
Thật ra bạn cần phải có Favicon trên website của mình vì lý do chính yếu sau:
Giúp người đọc nhận biết đâu là tab của bạn khi đang mở trình duyệt, cũng như phân biệt website của bạn trong phần bookmark trình duyệt với những website khác.
Lý do thứ hai là ĐẸP.
Rất đơn giản, rõ ràng website thiếu Favicon sẽ thiếu sức hút hơn rất nhiều so với website có Favicon. Bạn có muốn lưu một trang web vào bookmark và sau đó thấy một tờ giấy trắng hiện trên tab như vậy?
Thiết kế Favicon như thế nào?
Thiết kế Favicon rất đơn giản. Bạn thiết kế Logo như thế nào thì thiết kế Favicon như vậy chỉ khác ở chỗ là bạn tiêu giản hết chữ trên Logo. Nếu bạn vẫn chưa biết cách thiết kế Logo, bạn hãy đọc bài viết
“Tự thiết kế Logo trong 5 phút”
Thiết kế với Canva chưa bao giờ đơn giản hơn thế.
Xin nhắc lại, việc lược bỏ chữ ra khỏi Logo là nhằm đưa logo về thể đơn giản nhất có thể. Khi thiết kế Logo xong, bạn lưu lại và copy ra thêm một project mới. Bỏ phần chữ đi thì bạn sẽ có ngay Favicon. Logo và Favicon sẽ đồng bộ và nhìn có vẻ chuyên nghiệp hơn rất nhiều.
Một số lưu ý khi thiết kế Favicon
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ể.
Tóm lại
Favicon là một hình thức rút gọn Logo. Ngay kể cả khi Logo của bạn đã tối giản hết sức có thể, bạn vẫn phải tùy chỉnh nó để có Favicon dễ nhận biết nhất với người đọc. Đôi khi một sự khác biệt nhỏ cũng đủ để thể hiện sự tinh tế trong thiết kế của bạn.
Cách để thiết kế Favicon tương tự như thiết kế Logo tôi đã trình bày ở bài viết trước. Bạn nên kế hoạch việc thiết kế Favicon và Logo song hành ngay từ đầu để tiết kiệm thời gian nhất.
Công thức để chuyển từ Logo sang Favicon theo kinh nghiệm của tôi
LOGO – TEXT = FAVICON
Chúc các bạn có một Favicon như ý và hãy để lại bình luận nếu gặp khó khăn trong bất cứ bước nào nhé.
