RevealTheme logo

Bộ tạo Favicon

Tạo một bộ favicon đầy đủ từ bất kỳ hình ảnh nào: tất cả các kích thước mà trình duyệt, iOS và Android mong đợi.

Cách sử dụng công cụ này

  1. 1

    Tải lên một hình ảnh vuông (khuyến nghị PNG, 512×512 trở lên).

  2. 2

    Chúng tôi kết xuất ở mọi kích thước favicon phổ biến.

  3. 3

    Tải xuống từng tệp PNG.

  4. 4

    Tham chiếu chúng trong <head> HTML của bạn với thuộc tính sizes phù hợp.

Bộ tạo Favicon là gì?

Favicon hiện đại không còn chỉ là 16×16. iOS mong đợi một apple-touch-icon kích thước 180×180, Android cần các biểu tượng PWA kích thước 192×192 và 512×512, còn các màn hình mật độ cao dùng 32×32 hoặc 48×48. Công cụ này tạo tất cả các kích thước thông dụng từ một hình ảnh nguồn duy nhất để bạn có thể phục vụ chúng dưới dạng các thẻ <link rel='icon' sizes='...'>.

Các trường hợp sử dụng phổ biến

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

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

Tôi nên dùng hình ảnh nguồn có kích thước bao nhiêu?
Một tệp PNG vuông kích thước 512×512 hoặc lớn hơn cho kết quả tốt nhất: thu nhỏ giữ được chi tiết tốt hơn là phóng to.
Tôi có cần một tệp ICO không?
Các trình duyệt hiện đại chấp nhận favicon ở định dạng PNG. Định dạng ICO chỉ cần thiết để tương thích với IE cũ, điều hiếm gặp ngày nay.

Công cụ liên quan