Favicon Là gì? Cách Tạo Favicon Cho Website Đơn Giản Nhất!
Favicon là gì? Tất tần tật về Favicon sẽ có trong bài viết này: kích thước, định dạng chuẩn, cách tạo favicon cho website đơn giản giúp SEO TOP website dễ dàng.
16:35 21/09/19 2,228 lượt xem
Chắc hẳn khi lướt facebook, youtube, hay bất kỳ 1 trang web nào, các bạn đều đã không ít lần nhìn thấy cái biểu tưởng khoanh tròn nhỏ nhỏ ở góc trái tab trình duyệt chứ?
Đó chính là hình ảnh Favicon của trang web mà bạn đang xem đó. Đừng xem thường Favicon, nó ” nhỏ mà có võ” à nghen.
Nào, bây giờ mình sẽ giúp bạn khai thông xem Favicon là gì? tại sao các website phải có favicon? Nó đem lại lợi ích gì? Cách tạo favicon cho website ra sao? Lét gô!
Favicon là một hình ảnh nhỏ hiển thị bên trái Tiêu đề của trang web trên tab trong trình duyệt, là biểu tượng riêng để phân biệt các website với nhau. Giống như logo dùng để phân biệt các thương hiệu với nhau, chữ ký cá nhân phân biệt con người với nhau.
Kích thước chuẩn của Favicon là gì?
Các kích thước chuẩn của Favicon trên website là: 16×16 pixel ( khuyến nghị dùng nhất); 32×32 hoặc 48×48, 64×64
Bạn cũng có thể sử dụng các kích thước Favicon lớn hơn hoặc bé hơn nhưng có thể làm phí dung lượng tải web hoặc hình ảnh hiển thị không đẹp.
Kích thước của file chúng tôi nên nhỏ hơn 100kb
Định dạng của Favicon là gì?
Định dạng phổ biến là .ico ngoài ra còn có png, gif., jpeg, svg. Hầu hết các trình duyệt sẽ tự động xác định file chúng tôi trong thư mục gốc website và đặt nó làm icon của website
Trước đây Favicon không được chú trọng lắm nhưng bây giờ thì hầu như mọi thiết kế website đều phải có, không thể thiếu được.
Tầm quan trọng của Favicon với website?
Làm trang web hiển thị nổi bật trên tab trình duyệt.
Một trang web không có favicon trông thật tẻ nhạt và thiếu sức hút. Khi website không có Favicon – trình duyệt sẽ hiển thị thành trang lỗi 404
Giúp người duyệt web dễ dàng phân biệt được các trang web khác nhau:
Khi mở nhiều tab trên trình duyệt, chỉ cần nhìn Favicon website là bạn có thể nhận ra tab nào là của web nào không cần đọc tiêu đề trang web.
Tiết kiệm diện tích trình duyệt, người dùng có thể mở một lúc hàng chục tab mà vẫn phân biệt được các trang web trong từng tab
Favicon hỗ trợ cho việc SEO web, xây dựng nhận diện thương hiệu.
Rõ ràng, hình ảnh luôn thu hút và dễ dàng ghi nhớ hơn vào bộ não con người. Do đó, Favicon đóng vai trò như một đại sứ thương hiệu, luôn luôn xuất hiện một cách tự nhiên khi người dùng truy cập website của bạn. Từ đó, hình ảnh thương hiệu của bạn được khéo léo khắc sâu vào tiềm thức của họ.
Update mới nhất: Ngày 23/09/2024, trang kết quả tìm kiếm của Google đã cập nhật lại cách hiển thị các trang web. Theo đó, Favicon và URL hiển thị trước Title và description của bài viết. (Như hình bên dưới)
Hình ảnh Favicon đẹp giúp trang web của bạn nổi bật trên kết quả tìm kiếm
Đặc biệt, các máy tìm kiếm cũng dựa vào file chúng tôi để xếp hạng các trang web. Vì vậy, bạn không thể không tạo Favicon cho website một cách ấn tượng, đúng chuẩn và tương thích với các trình duyệt trên cả máy tính và các thiết bị di động được.
Hướng dẫn tạo Favicon cho Website
Vậy làm thế nào để tạo ra một Favicon ưng ý cho website của bạn.
B1: Thiết kế 1 file ảnh đúng kích thước chuẩn của Favicon
Thông thường sẽ chính là file logo thương hiệu của web. Để Favicon khi hiển thị trên trình duyệt đẹp nhất, các bạn phải chú ý kích thước file theo đúng chuẩn nêu trên
B2: Chuyển file hình ảnh sang định dạng .ico.
Để chuyển định dạng, bạn có thể dùng:
Các chương trình chỉnh sửa hình ảnh nào như Photoshop, Gimp…
Đối với các bạn sử dụng photoshop để tạo favicon các bạn cần phải có phần mở rộng cho file .ico
Bạn cần phải download file tại địa chỉ sau: http://www.telegraphics.com.au/sw/files/ICOFormat-1.6f9-win.zip
Sau đó các bạn copy file vào thư mục cài đặt photoshop: (C:Program FilesAdobePhotoshop Plug-InsFile Formats)
Tool online: có khá nhiều các trang chuyển định dạng hình ảnh sang file .ico miễn phí như
Các trang này khá dễ sử dụng, các bạn chỉ cần làm theo các bước hướng dân, upload file hình ảnh logo lên và dowload file dạng .ico về máy
B3: Up file chúng tôi lên host website
B4: Nhúng đoạn mã HTML để thiết lập Favicon
Những website do Tất Thành thiết kế mang lại hiệu quả & khách hàng được phục vụ tận tình, cảm thấy hài lòng – là mục tiêu mà tất cả đội ngũ hơn 50 người của Tất Thành hướng đến. Những lời nhận xét của khách hàng cũng là động lực để chúng tôi nâng cao chất lượng dịch vụ hơn nữa, để làm hài lòng khách hàng hơn nữa!
Các gói dịch vụ thiết kế website cao cấp theo yêu cầu do Tất Thành cung cấp
Thông số
🍊 Gói chuyên nghiệp
🥭 Gói cao cấp
🍓 Gói VIP
🍎 Gói Super VIP
🍇 Gói đỉnh cao
Đối tượng phù hợp
phù hợp với các công ty, cửa hàng, cá nhân mới thành lập hoặc đang phân bổ tài chính ở mức độ vừa phải
phù hợp với đại đa số các công ty, cửa hàng, cá nhân, tổ chức
phù hợp với đại đa số các công ty, cửa hàng, cá nhân, tổ chức
phù hợp với các công ty lớn, tập đoàn, tổng công ty hoặc công ty đề cao tính sáng tạo, khác biệt
phù hợp với các công ty lớn, tập đoàn, tổng công ty hoặc công ty đề cao tính sáng tạo, khác biệt
Chi phí tiêu chuẩn
Từ 4 – 10 triệu VNĐ
Từ 11 – 20 triệu VNĐ
Từ 21 – 30 triệu VNĐ
Từ 31 – 50 triệu VNĐ
Từ 51 – 100 triệu VNĐ
Hỗ trợ doanh nghiệp Giảm 20-25% chi phí thiết kế website giai đoạn dịch Covid đến hết ngày 06/02/2024 chi phí thiết kế Logo , Giảm 30-50% Catalog , Profile , Bao bì ,… khi thiết kế cùng website .
Giao diện website UI
– Giao diện website được thiết kế cá nhân hoá theo thương hiệu công ty, sản phẩm, dịch vụ hoặc sở thích. Giúp bạn khác biệt và nổi bật hơn các công ty đối thủ, có thêm nhiều khách hàng. – Cho phép thay đổi màu sắc – Cho phép thay đổi bố cục- Cho phép thay đổi đường nét – Cho phép thay đổi vị trí các khối – Được sử dụng những giao diện độc quyền do Tất Thành phát triển khi khách hàng sử dụng nền tảng Tất Thành iWeb Cloud do Tất Thành phát triển
Hỗ trợ quảng bá website
– Giải đáp các thắc mắc trong quá trình khách hàng tự SEO website – Tư vấn khách hàng cách thức xây dựng, phát triển nội dung website – Tư vấn khách hàng cách thức quảng bá website để nhiều người biết đến
Tính năng hỗ trợ bán hàng, quảng bá
⁃Tối ưu SEO ⁃ Quản lý đơn hàng, liên hệ ⁃Hỗ trợ trực tuyến, popup, thanh bám lề dưới, thanh bám dọc ⁃ Chat trực tuyến ⁃Hỗ trợ cài đặt Google Analytics, Search Console ⁃ Chứng chỉ bảo mật SSL
Trải nghiệm người dùng UX
– Hiển thị tốt trên tất cả các trình duyệt phổ biến như Safari, Chrome, Cốc Cốc, Firefox, Edge – Hiển thị tốt trên tất cả các độ phân giải phổ biến – Hiển thị tốt trên các thiết bị như máy tính, laptop, máy tính bảng, điện thoại, tivi,…
Công nghệ
ASP.NET, SQL Server, IIS, Window Server,… trên nền tảng bảo mật cao của Microsoft
Tên miền, SSL
Tặng tên miền quốc tế .com năm đầu, chứng chỉ bảo mật SSL năm đầu
Quà tặng nội dung
Dữ liệu demo tham khảo trên mạng hoặc do khách hàng cung cấp.
Tất Thành viết tặng từ 10 bài viết giới thiệu, sản phẩm hoặc dịch vụ tuỳ lĩnh vực, khách hàng cung cấp các thông tin quan trọng về sản phẩm, dịch vụ của đơn vị.
Tất Thành viết tặng từ 11 – 20 bài viết giới thiệu, sản phẩm hoặc dịch vụ tuỳ lĩnh vực, khách hàng cung cấp các thông tin quan trọng về sản phẩm, dịch vụ của đơn vị.
Tất Thành viết tặng từ 21 – 30 bài
Tất Thành viết tặng từ 31 – 40 bài
Thay đổi giao diện
Miễn phí khi sử dụng các tính năng thay đổi giao diện có trong hệ thống với hàng nghìn tuỳ chọn. Bạn sẽ không bao giờ mất chi phí để thay đổi giao diện website.
Bảo hành
Vĩnh viễn khi lưu trữ tại Tất Thành, bảo hành 1 năm khi lưu trữ tại bên khác. Được hỗ trợ qua các hình thức: tại văn phòng Tất Thành, Zalo, điện thoại, email,…
Cập nhật phần mềm
Được cập nhật miễn phí, thường xuyên khi lưu trữ website tại Tất Thành