Chuyển đổi ICO sang định dạng PNG

Tệp ICO và PNG được tạo vẫn nằm trong trình duyệt này. Ở chế độ từng bước, ICO chỉ được lưu trong bộ nhớ tạm của trình duyệt tối đa 30 phút rồi tự động hết hạn.

Đang xử lý...

Định dạng
ICO
Kích thước trong tệp
Kích thước tệp

Khi cần favicon trong suốt cho ứng dụng giao diện tối, bản trình bày hoặc tệp README, một ảnh PNG riêng thường tiện dùng hơn vùng chứa ICO. Hãy tải tệp .ico lên, xem các kích thước ảnh được nhúng, chọn một ảnh được hỗ trợ rồi xuất thành PNG có cùng kích thước.

Cách chuyển đổi ICO sang định dạng PNG

  1. 1

    Tải tệp .ico lên

    Hộp chứa được phân tích tại chỗ trong trình duyệt của bạn.

  2. 2

    Chọn một ảnh được nhúng

    Công cụ hiển thị kích thước, độ sâu màu và kiểu mã hóa của từng ảnh, đồng thời đánh dấu những ảnh không thể giải mã.

  3. 3

    Xem trước và tải xuống

    Kiểm tra ảnh đã chọn rồi lưu một tệp PNG theo đúng kích thước gốc.

  4. 4

    Tăng cấp tùy chọn

    Nếu kích thước phần tử nhúng lớn nhất nhỏ hơn nhu cầu sử dụng, hãy xuất nó và ghép với công cụ phóng đại hình ảnh; không nên kéo giãn hình ảnh tại vị trí này.

Tại sao PNG là định dạng phù hợp hơn cho các ứng dụng hiện đại?

ICO vẫn là định dạng mà các trình duyệt kỳ vọng dùng cho favicon.ico, nhưng ở mọi nơi khác, PNG đã vượt qua nó.

So sánh định dạng

Tính năng ICO PNG
Độ trong suốt Mặt nạ 1 bit + alpha 8 bit Alpha 8 bit (RGBA)
Nhiều kích thước Có – trong cùng một vùng chứa Không – mỗi tệp chỉ có một độ phân giải
Nén BMP hoặc PNG chưa nén bên trong Deflate (zlib)
Hỗ trợ trình duyệt Dùng chung cho /favicon.ico Dùng chung + link rel=icon
Công cụ chỉnh sửa Hạn chế Mọi trình chỉnh sửa ảnh

Thực hành tốt nhất cho favicon hiện nay

Hầu hết các trang web vẫn sử dụng favicon.ico cho yêu cầu gốc, nhưng sẽ liên kết các ảnh PNG hiện đại từ phần đầu HTML:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32.png">
<link rel="icon" type="image/png" sizes="192x192" href="/favicon-192.png">
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">

Trích xuất và chỉnh sửa

Sau khi xuất file dưới định dạng PNG, bạn có thể mở biểu tượng trong Figma, Sketch, GIMP hoặc Photoshop để chỉnh sửa với hỗ trợ alpha đầy đủ. Sau khi hoàn tất, hãy xuất lại các tệp PNG và nếu cần, hợp nhất chúng thành một tệp .ico mới.

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

Công cụ giữ độ trong suốt được thể hiện qua kênh alpha của PNG nhúng hoặc mặt nạ trong suốt của bitmap ICO được hỗ trợ. Hãy luôn kiểm tra bản xem trước vì một số kiểu mã hóa cũ ít gặp có thể lưu độ trong suốt theo cách khác.

Công cụ liệt kê mọi ảnh trong thư mục ICO nhưng mỗi lần chỉ xuất một ảnh được hỗ trợ. Công cụ nhận tệp ICO tối đa 10 MB chứa ảnh nén PNG hoặc bitmap Windows phổ biến dạng không nén hay bitfield. Nếu cần nhiều PNG, hãy chọn kích thước khác rồi tải xuống lần nữa.

Không phải là không ảnh hưởng đến chất lượng: việc phóng đại các biểu tượng nhỏ sẽ tạo ra hình ảnh mờ nhạt. Nếu cần phiên bản có kích thước lớn hơn, hãy tái tạo file vector nguồn (SVG) và xuất ở kích thước mong muốn.

Không. Việc phân tích ICO và mã hóa PNG chạy trên thiết bị bằng JavaScript cùng API hình ảnh của trình duyệt. Ở chế độ từng bước, ICO chỉ nằm trong bộ nhớ tạm của trình duyệt tối đa 30 phút rồi tự động hết hạn.

Công cụ liên quan