vi

Tạo favicon

Tạo miễn phí một bộ favicon hoàn chỉnh từ một ảnh: .ico, các kích thước PNG, apple-touch-icon, manifest, đoạn mã HTML - cục bộ, không tải lên.

Đang xử lý cục bộ trên thiết bị của bạn ...

Màu nền (biểu tượng iOS)
  • Trắng
  • Trong suốt
  • Đen
Màu nền (biểu tượng Android)
  • Trắng
  • Trong suốt
  • Đen

Tệp của bạn

    Đang xử lý cục bộ trên thiết bị của bạn ...

    0%

    Tệp của tôi có bị tải lên không?

    Không. Mọi thứ chạy trong trình duyệt của bạn - tệp của bạn không bao giờ rời khỏi thiết bị. Cách kiểm chứng điều này

    Không tải lên100% cục bộ
    Nội dung ở lại với bạnkhông ai khác chạm tới
    Hosted in GermanyGlobal Content Delivery
    Kiểm định độc lậpTLS A+ · HTTP header A+

    Favicon không bao giờ chỉ là một tệp duy nhất. Trình duyệt, điện thoại và ứng dụng web ngày nay cần cả một bộ biểu tượng với nhiều kích thước và định dạng khác nhau: favicon.ico truyền thống với nhiều độ phân giải cho tab trình duyệt, các tệp PNG riêng lẻ, apple-touch-icon cho màn hình chính iPhone, và các biểu tượng lớn hơn để cài đặt ứng dụng web trên Android. Công cụ này xử lý toàn bộ phần phức tạp đó và tạo ra bộ hoàn chỉnh từ một hình ảnh duy nhất.

    Bạn thả một hình vuông vào - lý tưởng nhất là PNG có ít nhất 512 pixel mỗi cạnh - và nhận lại một tệp ZIP. Bên trong có favicon.ico (16, 32 và 48 pixel), các PNG riêng lẻ, apple-touch-icon kích thước 180 pixel, cùng hai biểu tượng ứng dụng 192 và 512 pixel. Kèm theo là site.webmanifest dùng được ngay và một đoạn HTML ngắn để dán thẳng vào phần head của trang. Mọi thứ được kết nối sẵn mà bạn không cần tự lắp ráp từng tham chiếu.

    Hình ảnh được điều chỉnh vừa với từng kích thước mà không cắt xén, đặt ở giữa. Các biểu tượng trình duyệt giữ nguyên độ trong suốt; biểu tượng ứng dụng cho iOS và Android được đặt trên nền vì các hệ thống này hiển thị vùng trong suốt thành màu đen - bạn chọn nền trắng, đen hay trong suốt, riêng cho từng nền tảng (ví dụ trắng cho biểu tượng iPhone và trong suốt cho biểu tượng Android). Như mọi công cụ tại đây, toàn bộ quá trình chuyển đổi diễn ra trong trình duyệt. Hình ảnh của bạn không bị tải lên và không có thư viện nào được tải từ máy chủ bên ngoài.

    RealFaviconGenerator và các dịch vụ tương tự từ lâu đã là nơi được biết đến nhiều nhất để giải quyết vấn đề này - nhưng họ tải ảnh của bạn lên máy chủ từ xa và yêu cầu tài khoản cho một số tính năng bổ sung. Ở đây, toàn bộ quá trình tạo diễn ra cục bộ trong trình duyệt: rasterization, đóng gói ICO và tạo file ZIP đều diễn ra trên thiết bị của bạn, giống hệt nhau trên Windows, macOS, Linux, Chromebook và di động - không cần cài đặt, không cần tài khoản, không giới hạn số lần sử dụng, và thậm chí hoạt động ngoại tuyến sau khi trang đã tải xong.

    Thông số kỹ thuật

    Thông số kỹ thuật
    Định dạng đầu vàoPNG, JPG, JPEG, WEBP, GIF, BMP, SVG
    Chuyển đổi tự độngTIFF, ICO, HEIC, PDF, DOCX, DDS, HDR, PCX, WBMP
    Định dạng đầu raZIP
    Xử lý hàng loạtKhông
    Xử lýCục bộ trong trình duyệt (JavaScript)
    Tải tệp lênKhông có

    Trong 3 bước

    1. Thả hình vuông vào (PNG từ 512 px trở lên là lý tưởng).
    2. Chọn màu nền cho biểu tượng iOS và Android (riêng biệt).
    3. Tải xuống và giải nén gói ZIP.

    Giới hạn: Công cụ tạo ra ZIP gồm favicon.ico (16/32/48), favicon-16/32, apple-touch-icon (180), biểu tượng Android (192/512), site.webmanifest và đoạn HTML. Nguồn có thể là ảnh raster (PNG, JPG, WebP, GIF, BMP) hoặc logo vector SVG - cả hai đều được raster hóa trực tiếp, và SVG luôn sắc nét ở mọi kích thước. Chỉ ảnh raster quá nhỏ mới bị phóng to và có thể trông mờ - nên dùng hình vuông có kích thước lớn.

    So sánh nội dung gói

    So sánh nội dung gói
    TệpKích thướcMục đích
    favicon.ico16/32/48 pxfavicon trình duyệt cổ điển
    biểu tượng PNG16/32 pxcác biểu tượng trình duyệt riêng lẻ
    apple-touch-icon180 pxmàn hình chính iPhone
    biểu tượng ứng dụng192/512 pxcài đặt như ứng dụng web trên Android
    site.webmanifest-trỏ đến các biểu tượng ứng dụng
    đoạn mã HTML-sẵn sàng dán vào head của trang

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

    Hình ảnh của tôi có bị tải lên không?

    Không. Toàn bộ gói được tạo cục bộ trong trình duyệt - kể cả khi đang ở chế độ máy bay. Hình ảnh không bao giờ rời khỏi thiết bị của bạn.

    Trong ZIP có những gì?

    favicon.ico với 16/32/48 pixel, các PNG riêng lẻ, apple-touch-icon, hai biểu tượng ứng dụng (192/512), site.webmanifest và đoạn HTML cho phần head.

    Tại sao biểu tượng ứng dụng cần có nền?

    iOS và Android hiển thị vùng trong suốt trên biểu tượng ứng dụng thành màu đen. Vì vậy biểu tượng được đặt trên nền; bạn chọn trắng, đen hay trong suốt - riêng cho iOS và Android, nếu muốn chúng trông khác nhau.

    Nên dùng hình kích thước bao nhiêu?

    Hình vuông có cạnh ít nhất 512 pixel. Từ đó, tất cả kích thước nhỏ hơn sẽ được thu nhỏ một cách sắc nét.

    Công cụ tạo favicon này có miễn phí không?

    Có, hoàn toàn miễn phí, không cần tài khoản và không giới hạn số lần bạn tạo bộ favicon.

    Công cụ này có hoạt động mà không cần cài đặt trên mọi thiết bị không?

    Có. Nó chạy trong trình duyệt, nên hoạt động giống hệt nhau trên Windows, macOS, Linux, Chromebook, iPhone và Android - không cần ứng dụng hay tiện ích mở rộng.

    Điều này khác gì so với RealFaviconGenerator?

    Tập tính năng cơ bản tương tự nhau, nhưng ở đó ảnh của bạn rời khỏi thiết bị và được xử lý trên máy chủ từ xa. Ở đây mọi thứ - kể cả việc tạo file ZIP - đều giữ cục bộ, và hoạt động ngay cả khi ngoại tuyến.

    Công cụ liên quan

    PNG sang ICO · ICO sang PNG · Tối ưu hóa SVG · SVG sang JPG · TTF sang WOFF2 · OTF sang WOFF2