Trình nén hình ảnh

Công cụ mã hóa lại hình ảnh của bạn qua canvas trình duyệt ở mức chất lượng bạn chọn. JPG và WebP là lossy — chúng loại bỏ dữ liệu không quan trọng về mặt nhận thức để thu nhỏ tệp. PNG là lossless, nên cùng một PNG được mã hóa lại ở bất kỳ chất lượng nào vẫn giữ nguyên nội dung hình ảnh; để thu nhỏ ảnh PNG, hãy chuyển nó sang JPG hoặc WebP.

Ví dụ

Đầu vào:  ảnh chụp màn hình PNG 1920 × 1080 của một bức ảnh, 2.4 MB
Hành động: chuyển sang JPG, chất lượng 82
Đầu ra: JPG 1920 × 1080, 268 KB  (nhỏ hơn khoảng 9×, giống hệt về mặt hình ảnh)

Tại sao hình ảnh nén của tôi lớn hơn bản gốc?

Điều này thường làm mọi người bối rối. Các nguyên nhân phổ biến, theo thứ tự tần suất.

• Mã hóa lại một PNG đã nén. Các công cụ như pngquant hoặc TinyPNG tạo ra các PNG được đóng gói chặt chẽ. Bộ mã hóa PNG canvas của trình duyệt không sánh kịp và tệp trở nên lớn hơn. Với ảnh, hãy chuyển sang JPG hoặc WebP; với PNG, đừng nén lại.
• Đặt chất lượng cao hơn bản gốc. Nếu bạn tải một JPG được mã hóa ở chất lượng 70 và nén lại ở 92, bạn đang yêu cầu bộ mã hóa giữ lại nhiễu mà nó không biết là nhiễu. Kết quả: tệp lớn hơn, không có lợi ích hình ảnh.
• Chuyển JPG → PNG. PNG lưu trữ từng pixel chính xác. Một JPG nhiếp ảnh được chuyển sang PNG sẽ phình to về kích thước. Giữ ảnh ở dạng JPG hoặc WebP.
• Quên thu nhỏ ảnh quá lớn. Một bức ảnh camera 48 MP vẫn rất lớn ở chất lượng 80 vì có quá nhiều pixel. Đánh dấu "Thu nhỏ nếu rộng hơn" và đặt 2000 px — thường giảm kích thước tổng 10×.
• Sử dụng WebP lossless trên ảnh. Công cụ sử dụng WebP lossy theo mặc định, nhưng nếu bạn đã chuyển đổi qua công cụ khác trước đó, WebP lossless trên một bức ảnh thường lớn hơn JPG tương đương.

Sự khác biệt giữa nén lossy và lossless là gì?

Định dạng lossy (JPG, WebP ở cài đặt mặc định) loại bỏ thông tin hình ảnh mà mắt không nhận thấy, đánh đổi độ trung thực để có tệp nhỏ hơn. Định dạng lossless (PNG, WebP lossless) giữ nguyên mọi pixel. Ảnh thu nhỏ đáng kể với nén lossy; ảnh chụp màn hình và logo nên giữ lossless.

Tại sao PNG của tôi trở nên lớn hơn sau khi nén?

Mã hóa PNG canvas trình duyệt không áp dụng các bộ lọc nâng cao và tối ưu hóa bảng màu mà các công cụ như pngquant hoặc oxipng sử dụng, nên một PNG nhỏ đã được tối ưu có thể round-trip lớn hơn. Với ảnh, chuyển sang JPG hoặc WebP — PNG là lossless và không thể cạnh tranh với định dạng lossy trên nội dung nhiếp ảnh.

Tôi nên chọn cài đặt chất lượng nào?

Với ảnh trên web, 75–85 là điểm ngọt — hầu như không thấy mất mát, nhỏ hơn bản gốc 3–5×. Dùng 90+ cho portfolio hoặc in. Dưới 60, mong đợi blocking và banding rõ rệt trên bầu trời và gradient. Preset Medium (75) là mặc định an toàn.

JPG hay WebP — tôi nên dùng cái nào?

WebP tạo ra các tệp nhỏ hơn khoảng 25–35% so với JPG ở chất lượng nhận thức tương đương và mọi trình duyệt hiện tại đều hỗ trợ. Chọn WebP cho sử dụng web. Chọn JPG chỉ khi tệp đi đến nơi vẫn có thể không chấp nhận WebP (một số ứng dụng email, phần mềm cũ, một số trình tải lên mạng xã hội).

Có giới hạn kích thước hoặc chiều không?

Công cụ chạy trên bộ nhớ trình duyệt. Ảnh rất lớn (trên ~100 megapixel, hoặc tệp trên ~200 MB) có thể không giải mã được trên thiết bị bộ nhớ thấp. Bật "Thu nhỏ nếu rộng hơn" để giới hạn cạnh dài nhất — điều này thường mang lại chiến thắng kích thước lớn nhất cho ảnh camera quá lớn.

Bạn có lưu các hình ảnh tôi nén ở đây không?

Không. Chúng tôi không lưu hình ảnh gốc bạn thả vào hoặc phiên bản đã nén bạn tải xuống. Mọi thứ bị loại bỏ ngay khi bạn đóng hoặc làm mới tab — không log, không ghi lại về phía chúng tôi về các ảnh bạn đã chạy qua công cụ. Bạn có thể xác minh trong DevTools của trình duyệt nếu muốn thêm tự tin.