Hình ảnh
TạoTạo Favicon
Tạo file favicon với đầy đủ kích thước và định dạng cho website. Tạo ICO, PNG và Apple Touch icon từ một ảnh duy nhất. Công cụ tạo favicon miễn phí.
Về Công Cụ Tạo Favicon
Favicon là biểu tượng nhỏ đại diện cho website của bạn trên tab trình duyệt, bookmark và màn hình chính di động. Công cụ này tạo tất cả kích thước và định dạng favicon cần thiết từ một ảnh duy nhất, đảm bảo website của bạn trông chuyên nghiệp trên mọi thiết bị và nền tảng.
Favicon là gì?
Favicon (favorite icon) là biểu tượng nhỏ 16x16 hoặc 32x32 pixel xuất hiện trên tab trình duyệt, bookmark và thanh địa chỉ. Nó giúp người dùng nhận diện website của bạn nhanh chóng và làm cho trang web trông chuyên nghiệp hơn.
Công cụ này tạo những file nào?
Công cụ này tạo tất cả các file favicon thiết yếu:
• favicon.ico - File ICO đa kích thước cho trình duyệt (16x16, 32x32)
• favicon-16x16.png và favicon-32x32.png - Phiên bản PNG
• apple-touch-icon.png - 180x180 cho thiết bị iOS
• android-chrome-192x192.png và android-chrome-512x512.png - Cho thiết bị Android
• site.webmanifest - File manifest cho PWA
Nên dùng ảnh gì?
Dùng ảnh vuông với kích thước tối thiểu 512x512 pixel để có kết quả tốt nhất. Logo, biểu tượng thương hiệu hoặc bất kỳ ảnh đại diện nào đều phù hợp. Khuyến nghị dùng PNG với nền trong suốt để có chất lượng tốt nhất.
Làm sao để cài đặt các favicon đã tạo?
Sau khi tải file ZIP:
1. Giải nén tất cả file vào thư mục gốc của website
2. Thêm mã HTML (được cung cấp trong công cụ) vào phần <head> của website
3. Cập nhật file site.webmanifest với tên và màu sắc của website
4. Xóa cache trình duyệt để thấy favicon mới
Tại sao cần nhiều kích thước?
Các thiết bị và nền tảng khác nhau yêu cầu kích thước favicon khác nhau. Trình duyệt dùng 16x16 và 32x32, thiết bị iOS dùng 180x180 (apple-touch-icon), Android dùng 192x192 và 512x512 cho biểu tượng màn hình chính. Cung cấp đầy đủ kích thước đảm bảo icon của bạn sắc nét trên mọi nền tảng.
site.webmanifest là gì?
Web app manifest là file JSON cung cấp thông tin về ứng dụng web của bạn (tên, biểu tượng, màu sắc) khi người dùng thêm trang web vào màn hình chính. Nó rất quan trọng cho Progressive Web Apps (PWA) và cải thiện trải nghiệm người dùng trên di động.
Favicon có ảnh hưởng đến SEO không?
Mặc dù favicon không trực tiếp ảnh hưởng đến thứ hạng tìm kiếm, chúng cải thiện trải nghiệm người dùng bằng cách làm cho trang web của bạn dễ nhận biết hơn trong kết quả tìm kiếm, tab trình duyệt và bookmark. Điều này có thể dẫn đến tỷ lệ click-through tốt hơn và nhận diện thương hiệu cao hơn.