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

Câu trả lời ngắn gọn

Dùng JPG cho ảnh chụp, PNG khi bạn cần độ trong suốt hoặc độ sắc nét hoàn hảo đến từng pixel, và WebP khi bạn muốn tệp nhỏ nhất cho web và khán giả của bạn dùng trình duyệt hiện đại. Phần còn lại của hướng dẫn này giải thích lý do, để bạn quyết định tự tin khi quy tắc đơn giản không phù hợp.

Mỗi định dạng nén như thế nào

JPG dùng nén mất dữ liệu được tinh chỉnh cho ảnh tự nhiên: nó loại bỏ chi tiết mà mắt bạn khó nhận ra, đạt được tệp nhỏ với chuyển sắc mượt nhưng không có độ trong suốt. PNG là không mất dữ liệu — nó tái tạo từng pixel chính xác và hỗ trợ kênh alpha cho độ trong suốt, khiến nó lý tưởng cho logo, ảnh chụp màn hình và đồ họa có cạnh sắc, đổi lại tệp lớn hơn với ảnh chụp. WebP là tân binh làm được cả hai: nó cung cấp chế độ mất dữ liệu thường vượt JPG 25–35% ở chất lượng tương đương, và chế độ không mất dữ liệu có độ trong suốt thường vượt PNG.

Độ trong suốt và cạnh

Nếu bất kỳ phần nào của ảnh cần trong suốt, JPG bị loại — nó không có kênh alpha và sẽ lấp phần trong suốt bằng màu trắng. Cả PNG và WebP đều hỗ trợ độ trong suốt. Với chữ sắc nét, thành phần giao diện và minh họa màu phẳng, PNG và WebP không mất dữ liệu giữ cạnh sắc như dao, trong khi JPG tạo ra quầng mờ nhạt (lỗi nén) quanh các đường tương phản cao.

Hỗ trợ trình duyệt và ứng dụng

JPG và PNG là phổ quát — mọi trình duyệt, hệ điều hành và ứng dụng trong hai thập kỷ qua đều mở được. WebP được tất cả các trình duyệt lớn hiện nay hỗ trợ, nhưng bạn vẫn có thể gặp phần mềm cũ, một số ứng dụng email hoặc hệ thống cũ không nhận ra nó. Đó là lý do chính để giữ một bản dự phòng JPG hoặc PNG khi tính tương thích quan trọng hơn vài kilobyte cuối cùng.

Một sơ đồ quyết định thực tế

• Ảnh cho web, khán giả hiện đại? WebP (mất dữ liệu).
• Ảnh phải mở được ở mọi nơi? JPG.
• Logo, biểu tượng, ảnh chụp màn hình hay bất cứ thứ gì có độ trong suốt? PNG, hoặc WebP không mất dữ liệu nếu kích thước quan trọng và mức hỗ trợ ổn.
• Bản gốc để in hoặc lưu trữ? Giữ một bản sao không mất dữ liệu (PNG hoặc bản gốc).

Dù bạn quyết định thế nào, bạn có thể chuyển qua lại giữa cả ba định dạng trong vài giây bằng công cụ chuyển đổi riêng tư ngay trong trình duyệt — và nếu bạn chỉ cần tệp nhỏ hơn mà không đổi định dạng, một công cụ nén chuyên dụng là lựa chọn tốt hơn.