Câu trả lời nhanh: ảnh chụp thì dùng JPEG, đồ họa có mép sắc nét hoặc độ trong suốt thì dùng PNG. Nếu bạn không nhớ gì khác, quy tắc đó xử lý đúng 90% quyết định. Phần còn lại của trang này giải thích vì sao, để bạn tự phân xử được các trường hợp biên.
Một phân biệt duy nhất quan trọng
JPEG và PNG được tạo ra cho những loại ảnh khác nhau.
- JPEG là một định dạng có mất mát được tinh chỉnh cho ảnh chụp. Nó xuất sắc với các dải chuyển màu mượt — da, bầu trời, hậu cảnh mờ nét — và nó vui vẻ vứt bỏ chi tiết mảnh mà mắt bạn bỏ qua. Đó là cách nó làm một ảnh 12 megapixel vừa trong 2 MB.
- PNG là một định dạng không mất mát được tạo cho màu phẳng, đường nét sắc và chữ. Nó cũng hỗ trợ độ trong suốt, thứ mà JPEG hoàn toàn không làm được. Một logo, một biểu tượng, một ảnh chụp màn hình giao diện, hay một biểu đồ thuộc về PNG.
Dùng sai cái là bạn cảm nhận ngay. Lưu một logo dưới dạng JPEG và các mép sắc bị viền xám "nhiễu muỗi". Lưu một tấm ảnh chụp dưới dạng PNG và tệp phình to gấp năm hay mười lần mà không có lợi ích nào thấy được.
Một hướng dẫn quyết định nhanh
Hỏi hai câu theo thứ tự:
- Nó có cần độ trong suốt không? Nếu có → PNG (hoặc WebP). JPEG không có độ trong suốt, chấm hết.
- Nó là một ảnh chụp hay một ảnh giống ảnh chụp với nhiều dải chuyển màu không? Nếu có → JPEG. Nếu là màu phẳng, chữ sắc, hay nét vẽ → PNG.
Ảnh chụp màn hình là cái bẫy kinh điển. Một ảnh chụp màn hình của một trang web nhiều ảnh nén tốt hơn ở dạng JPEG; một ảnh chụp màn hình của mã, một bảng tính, hay một giao diện thì vẫn sắc và nhỏ ở dạng PNG. Khi phân vân, thử cả hai và so sánh — điều này đưa chúng ta tới các công cụ.
Chuyển đổi giữa chúng
Nếu bạn có sai định dạng, việc chuyển đổi là chuyện vặt. Công cụ chuyển đổi ảnh của IMG.DIY di chuyển giữa PNG, JPG, WebP và AVIF ngay trong trình duyệt. (Lưu ý: trình duyệt không thể mã hóa AVIF qua canvas, nên đầu ra AVIF quay về WebP — vốn gần nhỏ bằng và được hỗ trợ phổ quát.) Bạn có thể chuyển đổi cả một lô cùng lúc.
Thắng lợi phổ biến nhất: một nhà thiết kế đưa bạn một thư mục ảnh chụp dạng PNG. Chuyển chúng sang JPG và ngắm thư mục thu nhỏ đi 80% hoặc hơn mà không mất mát thấy được.
Nén từng định dạng đúng cách
Chọn định dạng mới chỉ là một nửa công việc — bạn vẫn muốn tệp nhỏ.
- Với JPEG (và WebP): dùng một thanh trượt chất lượng. Khoảng 75–85 là không mất mát về mặt thị giác với hầu hết ảnh chụp trong khi cắt dung lượng mạnh.
- Với PNG: không có thanh trượt chất lượng vì nó không mất mát. Thay vào đó, giảm số màu. Hầu hết PNG dùng ít màu hơn nhiều so với mức được phép, nên lượng tử hóa xuống một bảng màu 256 màu thường tiết kiệm 60–80% mà không có thay đổi thấy được — và nó giữ nguyên độ trong suốt.
Công cụ nén ảnh của IMG.DIY áp dụng đúng phương pháp một cách tự động tùy theo định dạng bạn đưa vào, và nó không bao giờ xuất ra tệp lớn hơn bản gốc. Xử lý theo lô một thư mục lẫn lộn JPG và PNG và mỗi cái nhận được sự xử lý nó cần.
Còn WebP thì sao?
Đáng nhắc: WebP làm cả hai việc. Nó nén ảnh chụp như JPEG và hỗ trợ độ trong suốt như PNG, thường ở dung lượng nhỏ hơn cả hai. Nếu khán giả của bạn dùng trình duyệt hiện đại (giờ gần như là tất cả), chuyển sang WebP thường là nước đi đơn lẻ tốt nhất. Chỉ giữ một phương án dự phòng JPEG hoặc PNG nếu bạn buộc phải hỗ trợ phần mềm rất cũ.
Điểm mấu chốt
Ảnh chụp → JPEG. Logo, biểu tượng, chữ, độ trong suốt → PNG. Cần cả nén lẫn độ trong suốt, hoặc tệp nhỏ nhất có thể → cân nhắc WebP. Rồi nén bằng phương pháp phù hợp với định dạng. Mọi bước ở đây chạy hoàn toàn trong trình duyệt của bạn — không gì được tải lên, và sau lần truy cập đầu các công cụ chạy ngoại tuyến.