Tải lên hình ảnh vuông (PNG, JPG hoặc SVG) ít nhất 512×512px để có kết quả tốt nhất.
Tên đầy đủ của trang web của bạn (được sử dụng trong web manifest)
Tên ngắn cho màn hình chính di động (tối đa 12 ký tự)
Lưu ý: Công cụ này tạo gói favicon hoàn chỉnh với tất cả các kích thước cần thiết cho các trang web hiện đại và thiết bị di động. Tất cả các tệp được xử lý an toàn và bị xóa sau khi tải xuống.

Tính năng chính

  • Tạo tất cả định dạng favicon chỉ bằng một cú nhấp chuột
  • Tạo favicon.ico với nhiều kích thước (16, 32, 48px)
  • Tạo favicon PNG cho tất cả các trình duyệt hiện đại
  • Tạo Apple Touch Icon (180×180px) cho thiết bị iOS
  • Tạo biểu tượng Android Chrome (192×192, 512×512)
  • Bao gồm site.webmanifest để hỗ trợ PWA
  • Cung cấp đoạn mã HTML sẵn sàng sử dụng
  • Tải xuống mọi thứ dưới dạng tệp ZIP tiện lợi

Trường hợp sử dụng phổ biến

  • Tạo gói favicon hoàn chỉnh cho ra mắt trang web mới
  • Cập nhật trang web hiện có với các định dạng favicon hiện đại
  • Tạo favicon cho Progressive Web Apps (PWA)
  • Tạo biểu tượng thương hiệu cho tất cả thiết bị và nền tảng
  • Chuẩn bị tệp favicon cho WordPress hoặc CMS khác
  • Tạo favicon nhanh chóng cho các trang web khách hàng

Cách sử dụng

  1. Tải lên logo hoặc hình ảnh của bạn (khuyến nghị PNG, JPG hoặc SVG vuông)
  2. Nhập tên trang web và tên ngắn của bạn cho manifest
  3. Nhấp vào "Tạo tất cả favicon" để tạo gói hoàn chỉnh
  4. Tải xuống tệp ZIP chứa tất cả các tệp favicon
  5. Giải nén ZIP và tải lên tất cả các tệp vào thư mục gốc của trang web
  6. Sao chép mã HTML được cung cấp và dán vào phần <head> của bạn
  7. Xóa bộ nhớ cache trình duyệt để xem favicon mới

Câu hỏi thường gặp

Gói bao gồm: favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, biểu tượng android-chrome và site.webmanifest.

Tải lên hình ảnh vuông ít nhất 512×512px. Hình ảnh lớn hơn (1024×1024px) hoạt động tốt hơn nữa.

Để tương thích tối đa, có! Các trình duyệt và thiết bị khác nhau tìm kiếm các định dạng favicon khác nhau.

Tệp site.webmanifest là tệp JSON cung cấp siêu dữ liệu về trang web của bạn cho Progressive Web Apps.

Tải lên tất cả các tệp vào thư mục gốc của trang web của bạn (cùng thư mục với index.html của bạn).

Trình duyệt lưu cache favicon một cách tích cực. Xóa bộ nhớ cache trình duyệt (Ctrl+Shift+Delete) và làm mới cứng (Ctrl+F5).

Có, nhưng hãy nhớ rằng favicon hiển thị rất nhỏ (16×16px). Sử dụng logo đơn giản có thể nhận ra ngay cả ở kích thước nhỏ.

Hoàn toàn! Tất cả hình ảnh được xử lý an toàn và bị xóa ngay sau khi bạn tải xuống tệp ZIP.