WebP, PNG hay JPG: Nên dùng định dạng ảnh nào?
Ba định dạng này bao phủ gần như mọi hình ảnh trên web. Chúng không thể thay thế cho nhau, và chọn đúng loại có thể giảm một nửa dung lượng của cả trang.
Quy tắc nhanh
Ảnh chụp: WebP, hoặc JPG nếu bạn cần tương thích tối đa. Logo, biểu tượng và ảnh chụp màn hình có chữ sắc nét: PNG (hoặc SVG nếu là ảnh vector). Mọi thứ có độ trong suốt: PNG hoặc WebP. Đừng bao giờ dùng PNG cho ảnh chụp lớn trừ khi bạn buộc phải giữ không mất dữ liệu.
JPG: định dạng ảnh chụp phổ quát
JPG nén có mất dữ liệu và không hỗ trợ độ trong suốt. Nó xử lý ảnh chụp tốt vì những chi tiết bị loại bỏ là những thứ mắt hầu như không để ý. Chữ và cạnh cứng bị quầng mờ ở chất lượng thấp. Mọi thiết bị và chương trình đều mở được nó.
PNG: không mất dữ liệu và trong suốt
PNG không bao giờ mất thông tin, nên lý tưởng cho ảnh chụp màn hình, sơ đồ, logo và mọi thứ bạn sẽ chỉnh sửa nhiều lần. Cái giá là dung lượng: một bức ảnh lưu dạng PNG có thể lớn hơn gấp năm đến mười lần so với JPG.
WebP: lựa chọn hiện đại đa năng
WebP có thể nén có mất dữ liệu hoặc không mất dữ liệu, hỗ trợ độ trong suốt và ảnh động. WebP có mất dữ liệu thường nhỏ hơn JPG 25–35% ở chất lượng tương đương, còn WebP không mất dữ liệu nhỏ hơn PNG khoảng một phần tư. Mọi trình duyệt hiện nay đều hiển thị được. Vấn đề còn lại là phần mềm máy tính cũ và biểu mẫu tải lên không chấp nhận .webp.
Còn AVIF thì sao?
AVIF nén còn tốt hơn WebP, thường thêm 20–30% nữa, và được trình duyệt hỗ trợ rộng rãi. Nó mã hóa chậm và ít được phần mềm chỉnh sửa hỗ trợ, nên phù hợp với phân phối trên web hơn là chia sẻ file.
So sánh nhanh
Ảnh cho website: WebP (dự phòng JPG). Ảnh để gửi email hoặc in: JPG. Logo hoặc biểu tượng có độ trong suốt: PNG hoặc WebP. Ảnh chụp màn hình có chữ: PNG. Ảnh bạn sẽ tiếp tục chỉnh sửa: PNG.