Công cụ hình ảnh / 21

Bộ chuyển đổi favicon

Biến một hình ảnh thành trọn bộ favicon — mọi kích thước PNG, favicon.ico đa độ phân giải và site.webmanifest — trong một tệp zip.

Bộ chuyển đổi favicon: TOEA kết xuất hình ảnh của bạn ở kích thước 16, 32, 180, 192 và 512 pixel, đóng gói hai kích thước nhỏ vào favicon.ico đa độ phân giải, tạo site.webmanifest tương ứng và nén cả bảy tệp thành một tệp zip. Chạy 100% cục bộ trong trình duyệt của bạn, không có tệp nào được tải lên máy chủ.

Lượt chạy
Trong trình duyệt của bạn
Chi phí
Miễn phí · không cần đăng ký
Trạng thái khả dụng
Sẵn sàng sử dụng
Xưởng tạo gói faviconXử lý cục bộ

Chạy hoàn toàn trong trình duyệt của bạn

↥
Chọn hình ảnh nguồn hình vuông

PNG, JPG, WebP hoặc SVG · 1024 × 1024 trở lên sẽ cho kết quả tốt nhất

Giữ tệp ICO ở thư mục gốc

Trình duyệt yêu cầu /favicon.ico từ thư mục gốc của trang web ngay cả khi không có trang nào liên kết đến tệp này; một số trình đọc nguồn cấp dữ liệu, công cụ đánh dấu trang và trình thu thập dữ liệu cũng không tìm ở nơi khác. Vì vậy, hãy giữ tệp ICO ở thư mục gốc thay vì trong thư mục hình ảnh. Khi phần đầu trang có liên kết đến các biểu tượng, trình duyệt sẽ ưu tiên những liên kết đó, cho phép tệp PNG phục vụ các trình duyệt hiện đại còn ICO bao quát các trường hợp khác. Xem tài liệu về biểu tượng của MDN.

Điều chỉnh tệp manifest

Tệp site.webmanifest được tạo ra dùng tên trang web cho cả name và short_name. Tên ngắn là nhãn bên dưới biểu tượng trên màn hình chính; thường chỉ hiển thị khoảng 12 ký tự trước khi bị cắt, vì vậy hãy rút ngắn tên nếu tên quá dài. Các biểu tượng được liệt kê mà không có "purpose": "maskable", nên Android có thể hiển thị chúng thu nhỏ bên trong một vòng tròn trắng. Để lấp đầy hình dạng của trình khởi chạy, hãy thêm một biểu tượng maskable riêng với nội dung quan trọng nằm trong vòng tròn trung tâm, chiếm 80% chiều rộng.

Cách sử dụng

  1. Chọn một hình ảnh vuông, lý tưởng nhất là 512 × 512 hoặc lớn hơn.
  2. Đặt tên trang web và màu chủ đề được dùng trong manifest.
  3. Tạo bộ tệp rồi tải xuống tệp zip.

Quyền riêng tư và giới hạn

Hình ảnh không bao giờ rời khỏi trình duyệt của bạn: mọi kích thước, vùng chứa ICO và tệp zip đều được tạo trên thiết bị của bạn. Hình ảnh nguồn trong suốt vẫn giữ nguyên độ trong suốt.

Công cụ liên quan

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

Tệp zip chứa những gì?

favicon.ico, favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png, android-chrome-192x192.png, android-chrome-512x512.png và site.webmanifest — cùng bộ tệp mà các trình tạo favicon thường tạo ra.

favicon.ico có chứa nhiều hơn một kích thước không?

Có. Tệp này chứa cả hình ảnh 16 × 16 và 32 × 32, được lưu dưới dạng các mục PNG để giữ nguyên kênh alpha.

Các tệp sẽ được đặt ở đâu?

Giải nén chúng vào thư mục gốc của trang web, sau đó liên kết favicon-32x32.png, favicon-16x16.png và apple-touch-icon.png từ phần đầu HTML, đồng thời trỏ liên kết manifest đến site.webmanifest.

Tại sao biểu tượng của tôi vẫn hiển thị sai sau khi tải lên?

Trình duyệt lưu favicon vào bộ nhớ đệm rất mạnh và tách biệt với các tệp thông thường. Mở trực tiếp URL PNG hoặc kiểm tra trong cửa sổ riêng tư để xác nhận tệp mới đang được phân phát.

Công cụ miễn phí · trong trình duyệt của bạn lượt chạy · không cần tài khoản