Chuyển đến nội dung chính
EVOA Toolbox

Tạo favicon

Biến một hình ảnh thành bộ favicon đầy đủ: favicon.ico, các kích thước PNG, Apple touch icon, biểu tượng Android, web manifest và thẻ HTML.

Được xử lý cục bộ trong trình duyệt. Tệp của bạn không được tải lên.

Đang tải công cụ…

Công cụ này làm gì

Tải lên logo hoặc biểu tượng và nhận mọi thứ một website hiện đại cần chỉ trong một lần: favicon-16x16.png, favicon-32x32.png, favicon-48x48.png, một tệp favicon.ico nhiều kích thước thực sự, apple-touch-icon.png 180x180, các biểu tượng Android Chrome 192x192 và 512x512, site.webmanifest sẵn sàng để dán và các thẻ link HTML tương ứng.

Bạn có thể thêm khoảng đệm, chọn hình vuông, bo góc hoặc hình tròn, và tô nền bằng một màu hoặc giữ nền trong suốt. Mỗi kích thước được vẽ bằng cách thu nhỏ từng bước (giảm một nửa nhiều lần trước khi vẽ lần cuối), giúp biểu tượng nhỏ sắc nét hơn nhiều so với thu nhỏ một lần. Mỗi kích thước có bản xem trước và nút tải xuống riêng, còn tệp ZIP gom tất cả các tệp cùng một tệp snippet.txt giải thích nơi đặt chúng.

Tệp ICO được tạo ngay trong trình duyệt của bạn với ảnh PNG nhúng ở các kích thước 16, 32 và 48 pixel, định dạng mà mọi trình duyệt hiện nay và Windows đều đọc được. Không có gì được tải lên: hình ảnh được giải mã và vẽ trên canvas ngay trên thiết bị của bạn.

Cách sử dụng

  1. 1Thêm một hình ảnh PNG, SVG, JPG hoặc WebP. Ảnh vuông từ 512x512 px trở lên cho kết quả tốt nhất.
  2. 2Chọn hình dạng, khoảng đệm và nền (trong suốt hoặc một màu đặc). Xem bản xem trước cập nhật ở mọi kích thước.
  3. 3Nhập tên ứng dụng và màu chủ đề cho web manifest.
  4. 4Tải xuống từng tệp riêng lẻ hoặc lấy toàn bộ tệp ZIP.
  5. 5Sao chép các tệp vào thư mục gốc của website và dán đoạn HTML vào phần <head> của các trang.

Định dạng được hỗ trợ

Đầu vào: PNG, SVG, JPG/JPEG và WebP. Đầu ra: PNG, ICO (16/32/48 px), site.webmanifest và một đoạn mã văn bản, được gói trong tệp ZIP.

Quyền riêng tư

Công cụ này chạy trong trình duyệt của bạn. Dữ liệu bạn cung cấp được xử lý trên thiết bị và không được gửi đến máy chủ của chúng tôi.

Hạn chế

  • Ảnh không vuông sẽ được đặt vừa trong khung vuông mà không bị kéo giãn, nên biểu tượng sẽ có dải trống; hãy cắt ảnh trước để có kết quả tốt hơn.
  • Ảnh nhỏ hơn 512 px sẽ bị phóng to cho các biểu tượng lớn nhất và trông mềm, kém nét. Đầu vào SVG vẫn sắc nét vì được chuyển thành ảnh điểm ở độ phân giải cao trước.
  • Biểu tượng 16 px rất nhỏ: các logo nhiều chi tiết thường cần một phiên bản đơn giản hóa để còn dễ nhìn.
  • Công cụ không tạo favicon.svg dạng vector, biểu tượng maskable (vùng an toàn) hay ảnh ô Windows (tile).

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

Tôi thật sự cần những tệp nào?

Với hầu hết website: favicon.ico ở thư mục gốc, một ảnh PNG 32x32, apple-touch-icon.png (180x180) và các biểu tượng Android 192/512 được web manifest tham chiếu. Bộ tệp được tạo có đầy đủ tất cả.

Vì sao favicon không cập nhật sau khi tôi thay mới?

Trình duyệt lưu đệm favicon rất lâu. Hãy làm mới cưỡng bức (hard refresh), xóa dữ liệu trang, hoặc thêm chuỗi truy vấn phiên bản như /favicon.ico?v=2 vào các thẻ link.

Tệp ICO có phải là biểu tượng nhiều kích thước thực sự không?

Có. Nó chứa ba ảnh nén PNG (16, 32 và 48 px) trong một vùng chứa ICO chuẩn, nên mỗi nơi hiển thị favicon có thể chọn kích thước phù hợp nhất.

Tôi có thể dùng ảnh chụp hoặc JPG không?

Được, nhưng ảnh chụp hiếm khi dùng tốt ở 16 px. Logo và biểu tượng đơn giản có hình khối rõ ràng trông đẹp nhất. JPG không có độ trong suốt, nên hãy chọn một màu nền hoặc chấp nhận nền gốc của ảnh.

Công cụ liên quan