Nén ảnh

Về việc nén hình ảnh

Nén hình ảnh là quá trình giảm kích thước file trong khi duy trì chất lượng hình ảnh chấp nhận được. Công cụ này sử dụng các thuật toán tiên tiến để nén hình ảnh hiệu quả mà không làm giảm chất lượng đáng kể.

Sự khác biệt giữa nén không mất mát và nén có mất mát là gì?

Nén không mất mát sắp xếp lại và lược trùng dữ liệu để tệp gốc có thể được tái tạo từng bit khi giải nén — PNG, WebP-lossless, FLIF và ZIP đều dùng cách này, thường giảm ảnh 20-50%. Nén có mất mát loại bỏ vĩnh viễn dữ liệu mà mắt người ít nhận ra nhất (chi tiết tần số cao, thay đổi màu tinh tế) và đánh đổi chất lượng lấy tệp nhỏ hơn nhiều — JPEG, WebP-lossy, AVIF và HEIC có thể giảm kích thước 80-95% mà không thấy thay đổi ở khoảng cách xem thông thường. Dùng không mất mát cho ảnh chụp màn hình, đường nét, logo, mọi ảnh có văn bản sắc nét và bất kỳ ảnh nào bạn sẽ chỉnh sửa thêm. Dùng có mất mát cho ảnh chụp và ảnh đầu ra cuối cùng khi băng thông quan trọng. Một khi ảnh đã bị nén có mất mát, dữ liệu bị bỏ là mất mãi mãi — luôn giữ bản chủ không mất mát.

Việc nén ảnh nhiều lần có làm giảm chất lượng không?

Có, nhưng chỉ với định dạng có mất mát. Mỗi lần bạn mã hóa lại JPEG hoặc WebP có mất mát, bộ mã hóa áp dụng thêm một vòng lượng tử hóa lên dữ liệu đã lượng tử hóa, tích lũy nhiễu: các mảng vuông 8x8, tràn màu quanh cạnh và họa tiết "giòn" mềm ở vùng phẳng. Đây gọi là mất mát thế hệ, và là lý do bạn không bao giờ nên lặp lại lưu và chỉnh JPEG qua một quy trình. Định dạng không mất mát (PNG, WebP-lossless) có thể mã hóa lại vô hạn lần không thay đổi chất lượng vì không có thông tin nào bị bỏ. Cách làm tốt nhất: giữ bản gốc trong bản chủ không mất mát (PSD, TIFF, PNG) và chỉ xuất sang JPEG/WebP/AVIF cho phân phối cuối. Nếu phải chỉnh lại JPEG, làm mọi thay đổi trong một phiên và lưu một lần.

Tôi nên dùng cài đặt chất lượng nén nào cho JPEG?

Chất lượng 85-92 là điểm ngọt cho gần như mọi nội dung ảnh chụp — đa số người xem không phân biệt được với chất lượng 100, nhưng tệp nhỏ hơn 40-60%. Dưới 75, nhiễu khối lộ ra trên gradient mềm (bầu trời, da); dưới 60, nhiễu nén rõ rệt. Trên 95, kích thước tệp tăng nhanh mà gần như không có lợi ích nhận thức. Các bộ mã hóa khác nhau bất đồng về thang chất lượng: "12" của Photoshop tương đương khoảng chất lượng tiêu chuẩn 95, trong khi MozJPEG của Google ở mặc định 75 tương đương 85 tiêu chuẩn nhờ lượng tử hóa trellis tốt hơn. Với ảnh hero web dùng 80-85; với hình thu nhỏ 70-75 là ổn; với lưu trữ in dùng 95+ hoặc chuyển sang định dạng không mất mát. Luôn xem trước cạnh nhau ở zoom 100% trước khi quyết định.

Làm sao giữ độ trong suốt khi nén ảnh PNG?

Độ trong suốt là kênh alpha — giá trị mỗi pixel từ 0 (hoàn toàn trong suốt) đến 255 (hoàn toàn đục). PNG, WebP, AVIF, GIF (chỉ nhị phân) và HEIC đều hỗ trợ alpha; JPEG thì không. Nếu bạn nén PNG có trong suốt sang JPEG, vùng trong suốt sẽ được tô màu nền đặc (thường là trắng). Để giữ trong suốt, ở lại PNG hoặc chuyển sang WebP/AVIF cho alpha cộng với nén tốt hơn nhiều. Lượng tử hóa PNG-24 (16M màu) sang PNG-8 (bảng màu 256) với công cụ như pngquant thường giảm tệp 60-80% mà giữ alpha hoàn hảo — pngquant hiện đại dùng alpha có dithering để giữ cạnh mềm. Để tiết kiệm tối đa cho tài sản trong suốt, dùng WebP-lossless hoặc AVIF, cả hai đều hỗ trợ alpha 8-bit đầy đủ ở khoảng nửa kích thước PNG.

AVIF, WebP và JPEG XL so sánh thế nào về hiệu quả nén?

Cả ba đều là kế thừa hiện đại của JPEG, nhưng đánh đổi khác nhau. AVIF (dựa trên codec video AV1) cho tệp nhỏ nhất — thường nhỏ hơn JPEG 50% ở cùng chất lượng nhận thức — nhưng mã hóa chậm và hỗ trợ hạn chế trong phần mềm cũ. WebP (Google, 2010) được hỗ trợ tốt trong mọi trình duyệt hiện đại và tiết kiệm khoảng 25-35% so với JPEG, mã hóa nhanh với cả chế độ có và không mất mát. JPEG XL (2021) là chuẩn mới nhất, hỗ trợ giải mã tiệm tiến, chuyển mã không mất mát các JPEG hiện có (tiết kiệm 20% mà không mất chất lượng) và chất lượng xuất sắc, nhưng hỗ trợ trình duyệt chưa hoàn thiện tính đến 2026. Để tiếp cận tối đa hôm nay, phục vụ WebP với fallback JPEG qua phần tử picture. Với dự án mới nhắm vào trình duyệt hiện đại, AVIF cho kích thước tốt nhất; JPEG XL là định dạng cần theo dõi cho mục đích lưu trữ.

"JPEG tiệm tiến" nghĩa là gì và tôi có nên dùng không?

JPEG baseline lưu dữ liệu từ trên xuống dưới trong một lần, nên trình duyệt hiện ảnh từng dòng khi byte đến. JPEG tiệm tiến chia dữ liệu thành nhiều lần quét chi tiết tăng dần — đầu tiên là bản xem trước mờ của toàn ảnh, rồi các lần quét sắc nét hơn dần — nên người dùng thấy toàn ảnh ngay lập tức, dù chất lượng thấp, và xem nó sắc nét lên. Với ảnh trên khoảng 10 KB, JPEG tiệm tiến thường nhỏ hơn baseline 2-10% VÀ cảm giác tải nhanh hơn trên mạng chậm, vì vậy Google PageSpeed và đa số CDN khuyến nghị dùng. Chi phí mã hóa cao hơn chút và giải mã đòi giữ cả ảnh trong bộ nhớ trước khi hiển thị, nên với hình thu nhỏ rất nhỏ hoặc thiết bị nhúng giới hạn bộ nhớ, baseline có thể thắng. Các bộ mã hóa hiện đại như MozJPEG mặc định tiệm tiến.

Lượng tử hóa màu trong PNG-8 ảnh hưởng đến chất lượng ảnh thế nào?

PNG-8 dùng bảng màu chỉ mục tối đa 256 màu, được chọn bởi thuật toán chọn các màu đại diện nhất cho ảnh. Với đồ họa có bảng màu nhỏ (logo, biểu tượng, ảnh chụp giao diện), 256 màu là đủ và tệp trở nên nhỏ hơn PNG-24 50-80%. Với ảnh chụp, 256 màu gây ra dải nhìn thấy được ở bầu trời và tông da; dithering (Floyd-Steinberg, Atkinson hoặc blue-noise dither hiện đại) đổi họa tiết hạt lấy ảo giác có nhiều màu hơn bằng cách xen kẽ các mục bảng màu theo mẫu bàn cờ. Các công cụ như pngquant và ImageMagick cho phép kiểm soát kích thước bảng màu (16, 32, 64, 128, 256) và độ mạnh dither. Với ảnh chụp, ưu tiên JPEG, WebP hoặc AVIF; PNG-8 là cho đồ họa.

Tại sao ảnh đã nén của tôi trông tệ hơn trên một số thiết bị?

Nhiều yếu tố cộng dồn ở đây. Thứ nhất, xử lý hồ sơ màu: nếu ảnh có hồ sơ Adobe RGB hoặc P3 nhúng và ứng dụng người xem bỏ qua, màu sẽ hiển thị sai. Luôn gắn nhãn sRGB cho web. Thứ hai, tỷ lệ pixel thiết bị: ảnh rộng 400-pixel scale lên 800 CSS pixel trên màn hình Retina 2x trông mềm, ngay cả ở chất lượng 100, vì trình duyệt đang phóng to. Luôn phục vụ ảnh ở mật độ 1x, 2x và 3x dùng srcset. Thứ ba, màn hình OLED so với LCD hiển thị xám tối và đen thuần khác nhau, lộ khối JPEG ở vùng bóng trông ổn trên LCD. Thứ tư, ánh sáng môi trường: ảnh chất lượng thấp trông tệ hơn ngoài trời với độ tương phản màn hình giảm. Kiểm tra nén của bạn trên điện thoại dưới nắng, không chỉ trên màn hình cân chỉnh màu của desktop.