JPG, PNG hay WebP: nên dùng định dạng nào?

Tóm lại trong một câu: ảnh chụp dùng JPG hoặc WebP; đồ họa và ảnh có độ trong suốt dùng PNG hoặc WebP. Trước khi chuyển sang WebP, hãy kiểm tra xem nơi bạn tải lên có chấp nhận định dạng này không.

JPG (còn viết là JPEG) lưu ảnh chụp gọn nhẹ bằng cách loại bỏ những chi tiết nhỏ mà mắt hiếm khi để ý. Hầu như mọi website, ứng dụng, dịch vụ email và sàn thương mại điện tử đều chấp nhận JPG, nên đây là lựa chọn an toàn nhất khi bạn chưa chắc.

Điểm yếu của JPG là các cạnh sắc nét và mảng màu phẳng. Chữ, hình vẽ nét và ảnh chụp màn hình dễ bị viền nhòe, và JPG không có độ trong suốt. Mỗi lần một ảnh JPG được chỉnh sửa và lưu lại, chất lượng lại giảm thêm một chút, vì vậy hãy giữ bản gốc và xuất ảnh từ bản gốc.

Để giảm dung lượng JPG mà không đổi định dạng, hãy dùng công cụ nén ảnh; để thử WebP, hãy dùng JPG sang WebP.

PNG là định dạng không mất dữ liệu: mọi pixel được giữ nguyên như ban đầu. Vì thế PNG phù hợp với logo, biểu tượng, ảnh chụp màn hình giao diện và mọi thứ có chữ, đồng thời hỗ trợ đầy đủ độ trong suốt, kể cả cạnh mềm và bóng đổ.

Cái giá phải trả là dung lượng. Một ảnh chụp lưu dưới dạng PNG thường lớn hơn nhiều lần so với một ảnh JPG chất lượng tốt. Theo Web Almanac 2024 của HTTP Archive, ảnh PNG trung vị trên web dùng 3,8 bit mỗi pixel, so với 2,0 của JPG và 1,3 của WebP.

Nếu tệp PNG chứa ảnh chụp, hãy chuyển sang định dạng khác. Nếu là đồ họa, hãy nén dưới dạng PNG, hoặc thử PNG sang WebP, công cụ vẫn giữ độ trong suốt.

Google thiết kế WebP dành cho web, và định dạng này dùng được theo cả hai cách: mất dữ liệu như JPG hoặc không mất dữ liệu như PNG, cả hai cách đều hỗ trợ độ trong suốt. Theo Google, tệp WebP không mất dữ liệu nhỏ hơn 26% so với PNG, còn tệp WebP mất dữ liệu nhỏ hơn 25–34% so với ảnh JPG tương đương.

Mọi trình duyệt lớn hiện nay đều hiển thị WebP: khoảng 97% trình duyệt đang được sử dụng, bao gồm Safari từ phiên bản 14. Vướng mắc nằm ở bên ngoài trình duyệt. Một số nền tảng vẫn chưa nhận tải lên WebP: chẳng hạn Amazon, Etsy và Mailchimp liệt kê JPG và PNG nhưng không có WebP.

Chuyển đổi cũng không chắc lúc nào cũng có lợi. Một logo đơn giản hoặc ảnh chụp màn hình ít màu có thể nhỏ hơn khi để ở PNG. Hãy chuyển đổi, so sánh hai tệp và giữ lại tệp nhỏ hơn.

1. 01Ảnh có cần độ trong suốt không? Dùng PNG, hoặc WebP ở nơi chấp nhận định dạng này.
2. 02Đó là ảnh chụp hay hình ảnh chân thực? Dùng JPG, hoặc WebP trên website của chính bạn.
3. 03Đó là ảnh chụp màn hình, biểu đồ, logo hay chữ? Dùng PNG, rồi thử WebP và so sánh các tệp.
4. 04Ảnh sẽ được tải lên đâu? Hãy chắc chắn nền tảng chấp nhận định dạng đó; nếu không, hãy giữ JPG hoặc PNG.
5. 05Nén tệp cuối cùng, dù đó là định dạng nào.

Về kích thước và giới hạn của từng nền tảng, hãy xem yêu cầu kích thước ảnh cho email và cửa hàng online.

AVIF là định dạng mới hơn, có thể còn nhỏ hơn nữa, nhưng tạo tệp chậm hơn và ít công cụ cũng như nền tảng chấp nhận hơn. Trên web, AVIF vẫn còn hiếm: theo Web Almanac 2025, AVIF chiếm 0,7% ảnh LCP, so với 11% của WebP, 26% của PNG và 57% của JPG. Với hầu hết website hiện nay, JPG, PNG và WebP là đủ cho mọi nhu cầu.

• Lưu ảnh chụp dưới dạng PNG để có chất lượng tốt hơn. PNG giữ lại chi tiết vốn có nhưng không thể thêm chi tiết mới, còn tệp thì nặng lên gấp nhiều lần.
• Chuyển JPG sang PNG để sửa cạnh bị mờ. Hư hại đã nằm sẵn trong tệp JPG; thay vào đó, hãy quay lại bản gốc.
• Chuyển tất cả sang WebP mà không kiểm tra. Website của bạn có thể đón nhận WebP, trong khi nền tảng bán hàng hoặc công cụ email lại từ chối.
• Dừng lại ngay khi đã chọn định dạng. Định dạng chỉ là điểm xuất phát; nén tệp cuối cùng mới làm nốt phần còn lại.

Tiếp theo: cách nén ảnh cho website, từng bước một.