Chọn định dạng ảnh theo mục đích sử dụng
Đăng ngày · Cập nhật ngày 2 phút đọc
JPG, PNG, WebP và AVIF không dành cho cùng một loại ảnh. Lựa chọn đúng tùy vào nội dung ảnh: một bức ảnh chụp, một ảnh chụp màn hình có chữ hay một logo trên nền trong suốt.
Tài liệu tham chiếu nói gì
Theo tài liệu MDN, JPEG phù hợp với ảnh chụp chứ không phù hợp với hình vẽ sắc nét, PNG giữ chính xác từng điểm ảnh nên hợp với ảnh chụp màn hình, sơ đồ và logo, WebP nén tốt hơn cả hai và hỗ trợ độ trong suốt, AVIF nén còn tốt hơn nữa và cũng hỗ trợ độ trong suốt.
Cùng các ảnh ở bốn định dạng
Các thử nghiệm dùng ba ảnh tự tạo: một cảnh gần giống ảnh chụp cỡ 2.400 × 1.600 điểm ảnh, một ảnh chụp màn hình cỡ 1.400 × 900 điểm ảnh và một logo trong suốt cỡ 900 × 900 điểm ảnh, cả ba đều bắt đầu ở dạng PNG.
| Ảnh | PNG gốc | JPG | WebP |
|---|---|---|---|
| Ảnh chụp | 2,36 MB | 1,08 MB | 1,02 MB |
| Ảnh chụp màn hình | 67 KB | 115 KB | 49 KB |
| Logo trong suốt | 9 KB | 35 KB (trên nền trắng) | 14 KB (giữ nguyên độ trong suốt) |
Điều rút ra
Với ảnh chụp, JPG và WebP giảm dung lượng hơn một nửa. Với ảnh chụp màn hình hoặc logo, JPG nặng hơn PNG gốc, và tài liệu tham chiếu khuyên tránh dùng cho các cạnh sắc nét: PNG hoặc WebP hợp hơn. Chuyển PNG sang PNG không làm nhẹ đi: ảnh chụp tăng từ 2,36 MB lên 3,28 MB.
AVIF
Việc xuất AVIF phụ thuộc vào trình duyệt. Khi không dùng được, công cụ thông báo và không tạo tệp.
Kiểm tra
- So sánh dung lượng nhận được với dung lượng gốc.
- Phóng to để xem cạnh chữ và các dải chuyển màu.
- Giữ lại ảnh gốc.
Để biết định dạng nào đọc được ở mọi nơi, xem Định dạng ảnh nào dùng được ở mọi nơi.