Cách chuyển PNG sang ICO
- Chọn một ảnh PNG hình vuông – tốt nhất từ 256 × 256 pixel trở lên – hoặc kéo thả vào trang.
- Đánh dấu các kích thước biểu tượng bạn cần; mặc định đã chọn sẵn 16, 32, 48 và 256.
- Tải file ICO xuống. Ảnh không vuông sẽ được căn giữa trên nền trong suốt.
Bạn cần những kích thước icon nào?
| Kích thước | Dùng cho |
|---|---|
| 16 × 16 | Tab trình duyệt, dấu trang và chế độ xem danh sách nhỏ |
| 32 × 32 | Tab trên màn hình độ phân giải cao, thanh tác vụ Windows |
| 48 × 48 | File Explorer và màn hình nền ở tỷ lệ thu phóng bình thường |
| 64 × 64 và 128 × 128 | Chế độ xem biểu tượng lớn và màn hình DPI cao |
| 256 × 256 | Biểu tượng cực lớn trong File Explorer |
Với favicon cho website, 16, 32 và 48 là đủ. Với biểu tượng chương trình hoặc lối tắt trên Windows, hãy thêm cỡ 256. Mỗi kích thước được lưu dưới dạng PNG bên trong file ICO – được mọi trình duyệt và Windows Vista trở lên hỗ trợ – nên độ trong suốt được giữ nguyên.
Thêm favicon vào website
Tải favicon.ico lên thư mục gốc của website, ví dụ https://example.com/favicon.ico – trình duyệt sẽ tự động tìm file ở đó. Bạn cũng có thể khai báo trong phần <head> của các trang:
<link rel="icon" href="/favicon.ico" sizes="any">- Cho Màn hình chính của iPhone và iPad, một ảnh PNG 180 × 180:
<link rel="apple-touch-icon" href="/apple-touch-icon.png"> - Cho Android và ứng dụng web có thể cài đặt, ảnh PNG 192 × 192 và 512 × 512 được khai báo trong web app manifest.
Câu hỏi thường gặp
File ICO là gì?
File ICO chứa nhiều kích thước của cùng một biểu tượng, để Windows và trình duyệt chọn được bản sắc nét nhất cho từng vị trí – tab, thanh tác vụ hay biểu tượng lớn trên màn hình nền.
File ICO có giữ độ trong suốt không?
Có. Các kích thước được lưu dưới dạng ảnh PNG với độ trong suốt đầy đủ.
Tôi có thể chuyển JPG hoặc SVG sang ICO không?
Được – hãy thả bất kỳ ảnh nào vào. Với biểu tượng SVG nhỏ, hãy dùng công cụ chuyển đổi ảnh và đặt Chiều rộng cho file SVG lớn hơn, để cỡ 256 pixel vẫn sắc nét.
File của tôi có bị tải lên không?
Không. Biểu tượng được tạo ngay trong trình duyệt và không bao giờ rời khỏi thiết bị của bạn.