tools / png-to-ico
png-to-ico/
Chuyển PNG, JPG, WebP, SVG sang biểu tượng ICO: một tệp .ico đóng gói nhiều kích thước, dùng làm favicon cho website hoặc biểu tượng Windows, giữ nền trong suốt. Ảnh không được tải lên, chuyển đổi ngay trong trình duyệt.
Xem trước
Mỗi kích thước được hiển thị theo đúng số pixel thực tế, nền ô caro biểu thị phần trong suốt.
Cách chuyển PNG sang ICO
- Chọn hoặc kéo thả ảnh vào, hỗ trợ PNG, JPG, WebP, SVG, GIF và BMP.
- Chọn kích thước: làm biểu tượng cho ứng dụng, lối tắt hoặc thư mục thì chọn "Biểu tượng Windows", làm biểu tượng cho website thì chọn "Favicon trang web", hoặc tự đánh dấu các kích thước.
- Xem qua bản xem trước của từng kích thước, rồi bấm "Tải xuống ICO".
ICO nên chứa những kích thước nào
Biểu tượng Windows: Microsoft khuyến nghị chứa ít nhất năm kích thước 16, 24, 32, 48 và 256. Windows sẽ tìm kích thước khớp hoàn toàn trước, nếu không có thì lấy kích thước lớn hơn kế tiếp rồi thu nhỏ, nên khi có 256 thì biểu tượng chỉ bị thu nhỏ, không bao giờ bị phóng to. Muốn biểu tượng nét hơn trên màn hình độ phân giải cao, hãy đánh dấu thêm 20, 40 và 64.
Favicon trang web: tab trình duyệt dùng 16 và 32; Google khuyến nghị favicon trong kết quả tìm kiếm lớn hơn 48×48, nên bộ có sẵn thêm kích thước 64. Đổi tên tệp thành favicon.ico và đặt vào thư mục gốc của website, trình duyệt thường sẽ tự đọc; hoặc thêm dòng này vào head:
<link rel="icon" href="/favicon.ico">
Ảnh gốc tốt nhất là hình vuông, tối thiểu 256×256. Ảnh nhỏ bị phóng lên 256 sẽ bị mờ, trang sẽ nhắc bạn khi điều này xảy ra.
Về tệp ICO được tạo ra
- Các kích thước dưới 256 được lưu dạng BMP 32 bit có kênh alpha và mặt nạ để tương thích tốt nhất (biểu tượng nén PNG chỉ được hỗ trợ từ Windows Vista trở lên); kích thước 256 được nén PNG để tệp nhỏ hơn.
- Nền trong suốt được giữ nguyên; JPG vốn không có độ trong suốt nên sẽ giữ màu nền gốc.
- Ảnh không vuông có thể thêm viền trong suốt xung quanh, hoặc cắt giữa thành hình vuông.
- Ảnh chỉ được xử lý trong trình duyệt của bạn, không bao giờ được tải lên máy chủ nào.
Cần nén, đổi kích thước hoặc đổi định dạng ảnh trước? Dùng Nén / chuyển đổi ảnh →
Câu hỏi thường gặp
JPG, SVG cũng chuyển sang ICO được không?
Được. SVG là ảnh vector, mỗi kích thước đều được vẽ lại theo độ phân giải đích nên kích thước nhỏ vẫn sắc nét.
Vì sao 16×16 trông bị mờ?
Ảnh nhiều chi tiết khi thu xuống 16 pixel vốn đã khó nhìn rõ. Với kích thước nhỏ, nên dùng hình đã được đơn giản hóa: nét dày, ít hoặc không có chữ, độ tương phản mạnh.
Ba bộ kích thước có sẵn gồm những kích thước nào, tôi có tự chọn được không
"Biểu tượng Windows" gồm 16, 24, 32, 48, 256; "Favicon trang web" gồm 16, 32, 48, 64; "Tất cả" gồm 10 kích thước từ 16 đến 256. Bạn có thể tự đánh dấu ở hàng kích thước, và khi tổ hợp bạn chọn không trùng với bộ có sẵn nào thì các nút bộ có sẵn đều không được làm nổi bật. Phải chọn ít nhất một kích thước.
Vì sao tệp ICO tạo ra lớn hơn nhiều so với PNG gốc
Vì các kích thước nhỏ hơn 256 là ảnh bitmap 32 bit không nén, kích thước càng lớn càng chiếm nhiều dung lượng: 64×64 khoảng 17 KB, 128×128 khoảng 66 KB. Bộ "Favicon trang web" tổng cộng khoảng 31 KB, bốn kích thước từ 16 đến 48 trong "Biểu tượng Windows" tổng cộng khoảng 17 KB, cộng thêm ảnh 256 đã nén. Muốn tệp nhỏ hơn thì bỏ bớt các kích thước lớn; chỉ chọn 16 và 32 thì khoảng 5 KB.
Một lần chuyển được mấy ảnh, có giới hạn dung lượng không
Mỗi lần chỉ một ảnh; nếu kéo thả nhiều ảnh cùng lúc thì chỉ dùng ảnh đầu tiên, và trang sẽ thông báo đã dùng ảnh nào. Tệp ảnh không được vượt quá 50 MB, ảnh bitmap không được vượt quá 100 triệu pixel (SVG không bị giới hạn pixel). Mọi kích thước đều được tạo từ cùng một ảnh này, không thể dùng ảnh khác nhau cho các kích thước khác nhau.
SVG chuyển sang ICO bị sai tỷ lệ hoặc thiếu nội dung thì phải làm sao
Trước hết xem SVG có khai báo width, height hoặc viewBox không: nếu chỉ có viewBox thì dùng tỷ lệ của nó, còn không có cái nào thì được xử lý như 300×150, tỷ lệ sẽ bị sai. Ngoài ra, ảnh và phông chữ bên ngoài mà SVG tham chiếu sẽ không được tải; cần nhúng ảnh vào SVG và chuyển chữ thành đường path trước.
HEIC, TIFF, GIF động có chuyển sang ICO được không
HEIC và TIFF thì không, khi chọn sẽ hiện thông báo "không phải định dạng ảnh được hỗ trợ", bạn cần chuyển sang PNG hoặc JPG trước. GIF đọc được nhưng chỉ dùng khung hình đầu tiên, vì bản thân ICO cũng không chứa được ảnh động. Các định dạng đọc được là PNG, JPG, WebP, SVG, GIF, BMP; AVIF thì tùy trình duyệt có giải mã được hay không.
Có tạo được tệp .icns của macOS hoặc biểu tượng ứng dụng di động không
Không, ở đây chỉ tạo tệp .ico, dùng cho biểu tượng Windows và favicon website. Tệp .icns của macOS cùng biểu tượng ứng dụng iOS, Android dùng định dạng và quy cách khác, cần dùng công cụ dành riêng để tạo.