Chuyển PNG sang ICO

ICO là một thư mục, không phải một bức ảnh

File .ico là một thư mục tí hon: một phần đầu ngắn, sau đó mỗi ảnh có một mục ghi chiều rộng, chiều cao, độ sâu màu và vị trí bắt đầu dữ liệu của nó. Các ảnh bên trong độc lập với nhau, và đó chính là mục đích — Windows chọn kích thước gần nhất với nhu cầu và dùng thẳng ảnh đó, thay vì thu nhỏ một ảnh lớn ngay lúc hiển thị. Đó là lý do một icon nhiều kích thước thực sự trông sắc nét trên thanh tác vụ, còn một ảnh 256px nhét vào file .ico thì nhòe nhoẹt ở cỡ 16 pixel.

Các kích thước có sẵn ở đây — 16, 32, 48 và 256 — là những cỡ Windows thực sự yêu cầu: 16 cho thanh tiêu đề và danh sách nhỏ, 32 cho màn hình desktop và thanh tác vụ, 48 cho chế độ xem trung bình của Explorer, và 256 cho chế độ icon lớn cùng các màn hình mật độ cao phóng to chúng. Mỗi cỡ được dựng riêng từ ảnh gốc ở đúng kích thước của nó chứ không suy ra từ cỡ lớn hơn liền trên, nên các icon nhỏ có được toàn bộ chất lượng của bản gốc thay vì độ mờ tích tụ qua nhiều lần thu nhỏ.

256 là giới hạn trên và đó là đặc tính của định dạng, không phải giới hạn do chúng tôi đặt ra — mục thư mục lưu mỗi chiều bằng một byte duy nhất, và giá trị 0 ở đó nghĩa là 256. Không thể mô tả kích thước nào lớn hơn. Từ Windows Vista, các mục có thể chứa dữ liệu PNG thay vì bitmap thô, nhờ đó một icon 256px không chiếm tới một phần tư megabyte và hỗ trợ nền trong suốt đúng nghĩa; mọi kích thước ở đây đều có đầy đủ kênh alpha.

Ảnh gốc không vuông được đặt vào giữa một khung vuông trong suốt và thêm lề, không bao giờ bị kéo giãn. Một logo ngang bị bóp thành hình vuông là lỗi dễ nhận ra nhất mà một icon có thể mắc, nên hình dạng được giữ nguyên và phần dư để trống. Nếu muốn khung hình chặt hơn, hãy cắt ảnh thành hình vuông trước — công cụ không thể đoán phần nào của một hình chữ nhật là quan trọng.

Khi bạn cần công cụ khác

Cái khó thực sự của icon không nằm ở định dạng mà ở thiết kế. Hình vẽ trông đẹp ở 256 pixel thường trở thành một vệt nhòe không đọc được ở 16, vì ở cỡ đó bạn chỉ có một hình khối và hai màu, không hơn. Các bộ icon chuyên nghiệp được vẽ riêng cho các cỡ nhỏ, bỏ bớt chi tiết và làm dày nét — không cách thu nhỏ tự động nào thay thế được việc đó, và bản xem trước ở đây phản ánh trung thực điều này để bạn thấy vấn đề trước khi phát hành.

Để chạy bằng script hoặc xử lý cả thư mục icon, ImageMagick tạo file nhiều kích thước chỉ bằng một lệnh: magick logo.png -define icon:auto-resize=256,48,32,16 favicon.ico. Nếu icon dành cho website chứ không phải ứng dụng, một file .ico đơn lẻ không còn là lời giải trọn vẹn — trình duyệt hiện đại, màn hình chính iOS và trình khởi chạy Android mỗi nơi cần một file khác nhau, và đó là những gì bộ favicon tạo ra.