Chuyển PNG sang ICO Favicon miễn phí

Cách hoạt động

Chuyển đổi chạy hoàn toàn trong trình duyệt bằng hai cơ chế viết trực tiếp trong công cụ: Canvas API để co giãn và hiển thị từng khung biểu tượng, và bộ mã hóa nhị phân ICO tự viết đóng gói các khung đó thành một tệp .ico duy nhất — không tải thư viện nào, và không tệp nào rời khỏi thiết bị.

1. 1
   Ảnh được giải mã vào canvas

   PNG, JPEG, WebP hoặc SVG bạn tải lên được nạp vào HTMLImageElement và vẽ lên canvas ngoài màn hình ở mỗi kích thước yêu cầu (16×16 đến 256×256). Canvas dùng làm mượt bicubic chất lượng cao và tuân theo lựa chọn vừa khung của bạn: 'contain' đặt ảnh vào khung với phần đệm trong suốt hoặc có màu, còn 'cover' cắt một hình vuông ở giữa từ ảnh nguồn.
2. 2
   Mỗi khung được xuất dạng byte PNG

   canvas.toBlob('image/png') tích hợp của trình duyệt mã hóa mỗi khung đã co giãn thành PNG không mất dữ liệu. Các byte thô này được nhúng vào vùng chứa .ico — trình duyệt hiện đại và Windows hỗ trợ sẵn PNG-trong-ICO, giúp tệp nhỏ hơn định dạng dựa trên BMP cũ.
3. 3
   Tạo tệp nhị phân ICO trong bộ nhớ

   Một bộ mã hóa tự viết dựng cấu trúc tệp .ico từ đầu bằng DataView: phần đầu ICONDIR 6 byte khai báo số lượng ảnh, tiếp theo là mục thư mục 16 byte cho mỗi kích thước (ghi chiều rộng, chiều cao, độ sâu bit, độ dài byte và vị trí dữ liệu), rồi mọi dữ liệu PNG được nối tuần tự. Không dùng thư viện bên thứ ba.
4. 4
   Hiển thị bản xem trước, tải tệp về

   Trước khi cho tải về, giao diện hiển thị bản xem trước chính xác từng điểm ảnh của mọi kích thước đã đóng gói trên nền caro để bạn kiểm tra độ trong suốt trước khi lưu. Blob đã tạo được giao cho cơ chế tải về của trình duyệt với tên 'favicon.ico'.

Công cụ liên quan