Favicon là gì? Hướng dẫn tạo và thêm Favicon cho website?

Favicon là gì?

Favicon là một hình icon được hiển thị ở phía góc trên cùng của một tab trình duyệt. Đây là một dạng rút gọn của logo được thiết kế với kích thước chuẩn là 16×16 pixels. Khi người dùng truy cập vào một website, họ sẽ thấy biểu tượng Favicon như một logo đại diện cho website đó. Favicon nhằm mục đích giúp người đọc dễ dàng nhận biết được thương hiệu riêng.

Lý do website cần Favicon là gì?

Có hai lý do chính mà website cần phải có favicon:

• Thứ nhất, favicon sẽ giúp người đọc dễ dàng nhận biết được đâu là tab của bạn khi họ đ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.
• Thứ hai, favicon tô điểm thêm cho website của bạn. Một website không có favicon sẽ thiếu sức hút hơn rất nhiều so với website có favicon. Hẳn là bạn sẽ không muốn lưu một trang web vào bookmark mà chẳng hề có một biểu tượng gì tượng trưng cho trang web đó phải không? 

Xem thêm:  THEME WORDPRESS LÀ GÌ? CÁC KIẾN THỨC VỀ THEME WORDPRESS?

Các định dạng của favicon

• ICO – favicon.ico
• PNG – favicon.png
• SVG – favicon.svg

Những lợi ích của Favicon với website

Giúp website hiển thị nổi bật

Favicon có chức năng chính là giúp trang web trở nên nổi bật trên tab trình duyệt của người dùng. Sự xuất hiện của biểu tượng này sẽ giúp cho website đỡ bị tẻ nhạt và ấn tượng cũng như thu hút khách hơn rất nhiều.

Hỗ trợ người dùng phân biệt với các website khác

Khi người dùng mở nhiều tab, Favicon có nhiệm vụ hỗ trợ họ dễ dàng phân biệt các website và không bị rối khi lựa chọn qua lại. Ngoài ra, khi vào lịch sử tìm kiếm, các Favicon cũng sẽ giúp người dùng dễ dàng tìm lại website mình cần,

Hỗ trợ SEO hiệu quả

Trong SEO, Favicon là một công cụ hỗ trợ giúp xây dựng và nhận diện thương hiệu doanh nghiệp. Bên cạnh đó, website có Favicon sẽ có thứ hạng tìm kiếm cao hơn. 

Cách tạo Favicon cho website

Dưới đây là 4 bước để tạo favicon cho website:

Bước 1: Tạo file. icon.
Đầu tiên bạn cần thiết kế một file ảnh riêng với những kích thước sau: 16 x 6 pixels, 32 x 32 pixels, 48 x 48 pixels,…

Bước 2: Truy cập trực tiếp vào đường link http://www.favicon-generator.org/ để upload file ảnh bạn vừa tạo ở bước 1 để tạo favicon. Sau đó, bạn sẽ nhận được một đường link download ảnh và được chuyển sang định dạng .ico.

Bước 3: Download file favicon.ico rồi up lên host website của mình.

Bước 4: Chèn đoạn mã HTML để thiết lập favicon. Sau đó chèn đoạn mã HTML vào phầncủa trang web.

Một vài lưu ý khi sử dụng favicon là gì?

• Thứ nhất, định dạng của faviconnên là PNG bởi vì PNG sẽ 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.
• Thứ hai, kích thước file phải <100 KB.
• Thứ ba, kích thước favicon tiêu chuẩn hiện nay nên là 512×512 px. 

Lời kết

Qua những thông tin mà Thiên Thanh đề cập đến thì chắc chắn rằng bạn đã hiểu rõ Favicon là gì rồi. Mong rằng qua bài viết này bạn sẽ biết cách tạo cho website của mình một Favicon thật đẹp nhé!

Liên hệ với chúng tôi để biết thêm thông tin chi tiết về dịch vụ của Thiên Thanh

CÔNG TY THƯƠNG MẠI VÀ DỊCH VỤ THIÊN THANH

Address: Tầng 1 T-Office 36 D5, Phường 25, Quận Bình Thạnh, Hồ Chí Minh

Hotline: 083.5546.839 

Website: Thienthanhtech.com