Chuyển WebP sang ICO (favicon)
Nếu logo của bạn tồn tại dưới dạng WebP — xuất từ công cụ thiết kế hoặc lưu từ chính website của bạn — công cụ này biến nó thành một favicon thực thụ: biểu tượng 16, 32 và 48 px gói trong một .ico, với kênh alpha của WebP được chuyển qua thành các góc trong suốt sạch sẽ. Một nguồn vuông từ 48 px trở lên cho kết quả sắc nét nhất.
Cần chiều ngược lại? Chuyển ICO sang WebP
Cách hoạt động
Thả logo WebP vào — lý tưởng là một bản xuất sạch từ công cụ thiết kế chứ không phải bản sao lưu từ web.
Kênh alpha của nó đi kèm trong khi công cụ cắt theo tâm và dựng bộ biểu tượng 16, 32 và 48 px.
Kiểm tra các góc trong suốt trên một tab tối, rồi tải .ico xuống hoặc gộp ZIP cùng phần còn lại của mẻ.
WebP vs ICO
Favicon không quan tâm logo đến từ định dạng hiện đại nào — alpha sống sót trên cả hai đường — nên WebP so với PNG làm nguồn là một trận hòa về kết quả. Thứ nghiêng cán cân là xuất xứ: một bản xuất thiết kế sắc nét chuyển đổi tuyệt đẹp, còn một bản lưu lại từ web đã nén sẽ nướng nhiễu của nó vào cả ba kích thước.
| WebP | ICO | |
|---|---|---|
| Nén | Có hoặc không mất dữ liệu | Không mất dữ liệu (mục BMP hoặc PNG) |
| Độ trong suốt | Có (alpha đầy đủ) | Có (alpha đầy đủ) |
| Ảnh động | Có | Không |
| Hỗ trợ | Mọi trình duyệt hiện hành (từ 2020) | Mọi nơi cho favicon |
| Phù hợp nhất cho | Ảnh cho web: ảnh chụp, ảnh thu nhỏ, tài nguyên giao diện | Favicon và biểu tượng ứng dụng Windows |
Câu hỏi thường gặp
Không — cả trang web này sinh ra là vì điều đó. Toàn bộ việc chuyển đổi chạy ngay trong trình duyệt của bạn qua WebAssembly: tệp không rời khỏi thiết bị, và không có máy chủ nào tham gia vào quá trình này. Sau khi trang đã tải xong, công cụ vẫn chạy được ngay cả khi mất mạng, còn giới hạn kích thước tệp chỉ phụ thuộc vào bộ nhớ thiết bị của bạn.
Có, trọn vẹn — các biểu tượng được ghi dưới dạng ảnh 32 bit với alpha 8 bit, nên bóng đổ mềm và cạnh khử răng cưa từ WebP đi qua nguyên vẹn. Biểu tượng của bạn nằm sạch sẽ trên cả nền sáng lẫn nền tối của trình duyệt, không có ô trắng bao quanh.
Biểu tượng vốn vuông theo định nghĩa, nên công cụ lấy hình vuông lớn nhất ở giữa và thu nó xuống từng kích thước. Nếu vùng cắt sẽ mất phần quan trọng — chẳng hạn một logo chữ nằm ngang — hãy tự cắt hoặc làm vuông ảnh trước, hoặc chỉ dùng phần dấu hiệu thay vì cả khối bố cục.
Trình duyệt hiện đại đúng là có nhận <link rel="icon" type="image/webp">, nên bạn làm được. Nhưng .ico vẫn kiếm cơm với vai phương án dự phòng phổ quát: trình thu thập, trình đọc RSS, tab ghim trên hệ thống cũ và mọi thứ mù quáng yêu cầu /favicon.ico. Xuất bản cả hai phủ được mọi nơi.
Về chức năng thì không — cả hai mang alpha đầy đủ, nên favicon ra giống hệt theo mọi đường; cứ dùng tệp bạn thực sự có. Điều lưu ý duy nhất mang tính thế hệ: nếu WebP là một bản lưu nén mạnh từ website, nhiễu của nó bị nướng vào cả ba kích thước. Một bản xuất sạch từ công cụ thiết kế thắng một tệp vớt lại từ web.
Nếu WebP không gần vuông và không phải một dấu hiệu — chuyển một banner hay ảnh sản phẩm sẽ cho ra một vệt cắt nhòe nhoẹt trên tab. Còn nếu bạn đằng nào cũng đang dựng website mới, hãy cân nhắc tạo biểu tượng từ vector trước: Chuyển SVG sang ICO vẽ mỗi kích thước từ hình học và sắc hơn mọi nguồn raster ở 16 px.
Công cụ liên quan
Chuyển PNG sang ICO (favicon)
Chuyển PNG thành favicon ICO nhiều kích thước ngay trong trình duyệt — miễn phí, không tải lên. Một tệp gồm biểu tượng 16, 32 và 48 px với alpha đầy đủ.
Chuyển AVIF sang ICO (favicon)
Chuyển AVIF sang ICO ngay trong trình duyệt — miễn phí, không tải lên. Tạo một favicon nhiều kích thước từ ảnh AVIF hiện đại, alpha giữ qua từng kích thước.
Chuyển WebP sang PNG
Chuyển WebP sang PNG ngay trong trình duyệt — miễn phí, không mất dữ liệu và không tải tệp lên. Độ trong suốt giữ nguyên, tệp mở được trong mọi phần mềm.
Chuyển ICO sang WebP
Chuyển ICO sang WebP ngay trong trình duyệt — miễn phí, không tải lên. Lấy biểu tượng ra thành WebP gọn nhẹ với độ trong suốt — lý tưởng để dùng trong trang.