Chuyển một hình ảnh thành bộ favicon đầy đủ: .ico, các kích thước PNG, apple-touch-icon, web manifest và đoạn 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 ...
0%
Tệp của bạn chưa bao giờ rời khỏi thiết bị
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
Favicon không bao giờ chỉ là một file 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 file 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 file 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.
| Định dạng đầu vào | PNG, JPG, JPEG, WEBP, GIF, BMP |
|---|---|
| Định dạng đầu ra | ZIP |
| Xử lý hàng loạt | Không |
| Xử lý | Cục bộ trong trình duyệt (JavaScript) |
| Tải tệp lên | Không có |
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 phải là ảnh raster (PNG, JPG, WebP, GIF, BMP); SVG không được hỗ trợ ở đây. Hình quá nhỏ sẽ 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.
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.
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.
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.
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.