Tại sao hình ảnh bị mờ sau khi nén

Điều gì thay đổi khi bạn nén một hình ảnh

Nén mất dữ liệu của JPG và WebP giảm dung lượng tệp bằng cách loại bỏ một phần thông tin hình ảnh. Ở mức vừa phải, nhiều thay đổi gần như không nhận thấy. Khi chất lượng giảm quá nhiều sẽ xuất hiện các đường viền mềm, vết mờ xung quanh chữ, khối trong gradient và mất kết cấu ở tóc, lá hoặc vải.

Nén không phải lúc nào cũng là nguyên nhân duy nhất. Một bức ảnh rộng 600 pixel sẽ trông kém sắc nét nếu một trang web phóng to nó lên 1200 pixel, dù đã lưu với chất lượng cao. Vì vậy nên tách hai câu hỏi: tệp có mất chi tiết khi mã hóa hay chỉ đơn giản là không đủ pixel để hiển thị ở kích thước đó?

Cách xác định nguyên nhân

1. Mở tập tin gốc và tập tin nén ở cùng mức zoom.
2. So sánh các khu vực có văn bản, các đường viền chéo, bóng mờ nhẹ và chi tiết tinh tế.
3. Kiểm tra kích thước pixel của cả hai tệp.
4. Xem kết quả ở kích thước cuối cùng, không chỉ dưới dạng hình thu nhỏ.
5. Nếu bản gốc cũng bị mờ, việc nén không thể khôi phục chi tiết chưa từng tồn tại.

Dấu hiệu của nén quá mạnh

• Khối vuông: thường dễ thấy trên bầu trời, tường và các mảng chuyển màu.
• Vòng hào quang: xuất hiện xung quanh chữ, vật thể tối hoặc các đường có độ tương phản cao.
• Kết cấu dày đặc: Tóc, cỏ và các loại vải mất đi sự tách biệt.
• Màu theo dải: Một gradient mềm chuyển thành các dải có thể nhìn thấy.

Nếu bạn thấy những lỗi này, hãy mở lại tệp gốc trong bộ nén hình ảnh và tăng dần chất lượng. Tránh nén lại kết quả trước đó, vì mỗi lần xuất với mất dữ liệu mới có thể tích lũy hư hại.

Chất lượng được đề xuất theo nội dung

Không có tỷ lệ phần trăm chung. Một bức ảnh tự nhiên chịu được nén nhiều hơn một ảnh chụp màn hình với chữ nhỏ. Là điểm bắt đầu, hãy sử dụng chất lượng trung-cao cho ảnh và chất lượng cao cho giao diện, sơ đồ hoặc hình ảnh có chứa văn bản. Sau đó so sánh dung lượng và giao diện trong chế độ xem trước.

Nếu một hình ảnh cần giữ các cạnh hoàn hảo, thử PNG. Đối với ảnh chụp, JPG hoặc WebP thường cung cấp sự cân bằng tốt hơn. Hướng dẫn của JPG, PNG và WebP giải thích khi nào mỗi định dạng phù hợp

Độ phân giải cũng có thể là vấn đề

Giảm kích thước sẽ xóa các điểm ảnh một cách vĩnh viễn. Điều này hữu ích khi hình ảnh gốc lớn hơn nhiều so với không gian hiển thị, nhưng có thể gây mờ nếu kết quả nhỏ hơn kích thước cần thiết. Một hình ảnh chiếm 800 pixel chiều rộng nên giữ ít nhất chiều rộng đó; trên màn hình mật độ cao, việc chuẩn bị một phiên bản lớn hơn có thể hữu ích.

Tránh phóng to một hình ảnh nhỏ bằng CSS, trong một bài trình chiếu hoặc trình chỉnh sửa. Trình duyệt có thể nội suy các pixel để chiếm chỗ, nhưng không tạo ra chi tiết đã mất.

Cách chỉnh sửa một hình ảnh bị mờ

1. Khôi phục phiên bản gốc hoặc bản sao có độ phân giải cao hơn.
2. Chọn định dạng theo nội dung: JPG hoặc WebP cho ảnh; PNG cho độ trong suốt, văn bản mảnh hoặc đồ họa đơn giản.
3. Nén với mức nhẹ hơn và giữ nguyên kích thước nếu đã phù hợp.
4. Xem lại kết quả ở 100% và cả trong thiết kế cuối cùng.
5. Tải xuống chỉ khi tiết kiệm dung lượng đáng kể để biện minh cho khác biệt về hình ảnh.

Câu hỏi thường gặp

Tôi có thể khôi phục độ sắc nét cho hình ảnh đã nén không?

Một bộ lọc có thể tăng độ tương phản của các cạnh, nhưng không phục hồi thông tin đã bị loại bỏ. Giải pháp đáng tin cậy nhất là quay lại bản gốc và xuất lại với các cài đặt tốt hơn.

Tại sao hình thu nhỏ đẹp nhưng hình lớn thì không?

Khi giảm kích thước, các khuyết điểm chiếm ít không gian hơn và khó phân biệt. Kiểm tra chi tiết quan trọng bằng cách phóng to và kiểm tra kích thước thực tế khi đăng tải.

Tệp nhỏ hơn luôn tốt hơn sao?

Không. Mục tiêu là đạt dung lượng phù hợp cho việc sử dụng cuối cùng mà không tạo ra lỗi nhận biết được. Tiết kiệm vài kilobyte không đáng nếu làm mất khả năng đọc.