Cách nén ảnh không giảm chất lượng: JPG, PNG và WebP
Ảnh chụp điện thoại nặng 3–5 MB khiến website tải chậm, email báo quá dung lượng, cổng nộp hồ sơ từ chối. Nén ảnh không giảm chất lượng nghĩa là giảm dung lượng đến mức mắt thường không nhận ra khác biệt, và việc này làm được nếu bạn đi đúng thứ tự: đúng kích thước, đúng định dạng, đúng mức chất lượng. Dưới đây là cách phân biệt JPG, PNG, WebP và nén từng loại ngay trên trình duyệt.
Tóm tắt nhanh
- Có hai kiểu nén: không mất dữ liệu (lossless, giảm ít) và mất dữ liệu ở mức cao (lossy, giảm nhiều nhưng mắt khó thấy khác).
- Thu nhỏ số pixel về đúng nhu cầu trước khi nén; đây là bước giảm dung lượng mạnh nhất.
- Ảnh chụp dùng JPG hoặc WebP chất lượng khoảng 80–85; logo, ảnh chụp màn hình dùng PNG.
- Dùng tiện ích nén ảnh có so sánh trước/sau, soi ở 100% rồi mới tải về.
Nén ảnh không giảm chất lượng thực ra là gì?
Nén không mất dữ liệu (lossless) sắp xếp lại cách lưu để tệp nhỏ hơn, giải nén ra giống hệt từng điểm ảnh. PNG luôn là lossless, WebP có chế độ lossless. Cách này an toàn tuyệt đối nhưng thường chỉ giảm vừa phải.
Nén mất dữ liệu (lossy) bỏ bớt những chi tiết mắt người khó nhận ra, như dao động màu rất nhỏ trong vùng trời hay mảng tường. JPG luôn là lossy, WebP có chế độ lossy. Ở mức chất lượng cao, ảnh nhỏ hơn nhiều lần mà nhìn bình thường không thấy khác, nên đây là cách hầu hết website và ứng dụng đang dùng.
Theo tài liệu của Google, ảnh WebP lossless nhỏ hơn PNG khoảng 26%, còn WebP lossy nhỏ hơn JPG tương đương 25–34% ở cùng chỉ số chất lượng SSIM.
4 nguyên tắc để ảnh nhẹ mà vẫn nét
1. Đúng kích thước pixel trước tiên
Ảnh 12 MP (4.032 × 3.024 px) hiển thị trong khung rộng 800 px trên web là lãng phí. Thu về chiều rộng 1.600 px (1.600 × 1.200 px) làm số điểm ảnh giảm khoảng 6 lần, dung lượng giảm theo, trong khi trên màn hình vẫn sắc nét. Hãy thay đổi kích thước ảnh trước, hoặc bật giới hạn kích thước ngay trong công cụ nén.
2. Chọn định dạng hợp với nội dung
| Loại ảnh | Định dạng nên dùng | Lý do |
|---|---|---|
| Ảnh chụp, ảnh sản phẩm | JPG hoặc WebP | Nhiều màu chuyển tiếp, nén lossy hiệu quả |
| Logo, icon, ảnh chụp màn hình | PNG hoặc WebP lossless | Nét chữ, mảng màu phẳng không bị nhòe viền |
| Ảnh cần nền trong suốt | PNG hoặc WebP | JPG không lưu được vùng trong suốt |
| Ảnh cho website mới | WebP | Nhẹ hơn ở cùng chất lượng, trình duyệt hiện đại đều hỗ trợ |
3. Chất lượng vừa đủ, không phải tối đa
Với JPG và WebP, mức chất lượng 80–85 thường khó phân biệt với bản gốc khi xem bình thường, còn 95–100 làm tệp lớn lên rõ mà không đẹp hơn thấy được. Công cụ Lighthouse của Chrome cũng nén thử ảnh JPEG ở mức 85 để chỉ ra ảnh chưa tối ưu. Ảnh có chữ nhỏ hoặc đường kẻ mảnh nên giữ cao hơn một chút.
4. Bỏ thông tin thừa và giữ ảnh gốc
Dữ liệu EXIF như hãng máy, thời gian, vị trí GPS vừa tốn dung lượng vừa có thể lộ địa chỉ nhà bạn. Ngoài ra, mỗi lần nén lossy lại mất thêm chi tiết, nên luôn giữ một bản gốc và nén từ bản gốc thay vì nén chồng nhiều lần.
Cách nén ảnh JPG, PNG, WebP trên trình duyệt
Tiện ích Nén ảnh của Softonline xử lý ngay trên thiết bị, ảnh không gửi lên máy chủ và luôn được xóa EXIF, GPS.
- Kéo thả ảnh vào khung hoặc bấm "Chọn ảnh" (JPG, PNG, WebP; tối đa 20 ảnh, 25 MB mỗi ảnh trên máy tính, 10 ảnh trên điện thoại).
- Chọn Chế độ: "Chất lượng cao" (JPG/WebP mức 92), "Cân bằng" (mức 80), "Dung lượng nhỏ" (mức 60, PNG giảm còn tối đa 256 màu), "Tùy chỉnh" (10–100) hoặc "Theo dung lượng" để nhập số KB mong muốn.
- Mở "Tùy chọn khác" nếu muốn đổi định dạng đầu ra hoặc tích "Giới hạn kích thước (không phóng to ảnh nhỏ)" với Rộng tối đa, ví dụ 1.600 px.
- Ở khung Bản xem trước, kéo vạch so sánh Trước/Sau, bấm 100% hoặc 200% để soi viền chữ, tóc, vùng trời.
- Bấm nút nén, rồi tải từng ảnh hoặc "Tải tất cả (.zip)".
Nếu ảnh nén không nhỏ hơn bản gốc, công cụ giữ ảnh gốc (chỉ xóa EXIF, GPS) để không làm giảm chất lượng. Chế độ "Theo dung lượng" thử tối đa 7 mức và không xuống dưới chất lượng 30, nên không phải lúc nào cũng đạt đúng số KB. Safari chưa tạo được ảnh WebP; ảnh HEIC từ iPhone cần đổi sang JPG trước khi nén.
Nên chọn mức nào cho từng mục đích?
| Mục đích | Kích thước gợi ý | Thiết lập |
|---|---|---|
| Ảnh sản phẩm trên website | Rộng 1.200–1.600 px | WebP hoặc JPG, Cân bằng |
| Gửi qua email, Zalo | Cạnh dài khoảng 2.000 px | JPG, Cân bằng |
| Lưu trữ, in ấn | Giữ nguyên pixel | Chất lượng cao |
| Logo, ảnh chụp màn hình | Giữ nguyên | PNG, Cân bằng (không mất dữ liệu) |
| Hồ sơ yêu cầu dưới 200 KB | Rộng 1.000–1.200 px | Theo dung lượng 200 KB |
Kiểm tra ảnh sau khi nén thế nào?
Đừng chỉ nhìn ảnh thu nhỏ. Hãy xem ở 100% và chú ý bốn vùng dễ lộ lỗi: chữ và đường kẻ mảnh (viền nhòe, lốm đốm), mảng chuyển màu như bầu trời (xuất hiện vệt sọc), da người (bệt màu), chi tiết nhỏ như tóc, vải. Nếu thấy lỗi, tăng chất lượng thêm 5–10 hoặc giảm kích thước pixel thay vì hạ chất lượng.
Lỗi thường gặp
- Nén rồi mới cắt, đổi kích thước: ảnh bị mã hóa nhiều lần. Thứ tự đúng là cắt, đổi kích thước, rồi nén một lần.
- Lưu ảnh chụp thành PNG: tệp có thể nặng gấp nhiều lần JPG mà không đẹp hơn.
- Hạ chất lượng thật thấp để đạt số KB: giảm số pixel thường cho kết quả đẹp hơn ở cùng dung lượng.
- Xóa ảnh gốc ngay sau khi nén: lỡ cần in hoặc cắt lại sẽ không còn bản chất lượng cao.
Câu hỏi thường gặp
Có cách nén ảnh mà không mất chút dữ liệu nào không?
Có, với PNG hoặc WebP lossless. Ở chế độ Cân bằng và Chất lượng cao, công cụ chỉ tối ưu cách lưu PNG mà không bỏ chi tiết. Riêng JPG, mỗi lần mã hóa lại đều mất một ít dữ liệu nên hãy giữ bản gốc.
Vì sao ảnh nén xong không nhỏ hơn?
Ảnh đã được tối ưu sẵn hoặc đang ở chất lượng thấp hơn mức bạn chọn. Khi đó công cụ giữ ảnh gốc và chỉ xóa EXIF, GPS.
Nén ảnh có xóa thông tin vị trí chụp không?
Có. Ảnh kết quả không còn EXIF, GPS; hướng xoay được áp vào điểm ảnh trước khi xóa nên ảnh vẫn đứng đúng chiều.
WebP có thay hoàn toàn được JPG không?
Trên website thì gần như được vì trình duyệt hiện đại đều hiển thị WebP. Khi gửi cho người dùng phần mềm cũ hoặc nơi nhận chỉ chấp nhận JPG, hãy giữ JPG.
