Cách nén ảnh cho web mà không làm ảnh xấu đi
Hướng dẫn thực tế để giảm dung lượng ảnh cho trang tải nhanh — nén bao nhiêu là đủ, chọn định dạng nào, và những lỗi khiến ảnh bị bệt.
Ảnh nặng là nguyên nhân số một khiến trang web ì ạch. Một tấm ảnh chụp từ điện thoại có thể nặng 5–8 MB — nhiều hơn cả một trang web được tối ưu tốt. Tin vui: bạn thường có thể giảm 70–90% dung lượng mà mắt thường gần như không nhận ra.
Tìm điểm "vừa đủ"
Nén là sự đánh đổi giữa dung lượng và chi tiết nhìn thấy. Với ảnh xem trên màn hình, chất lượng khoảng 75–82% là điểm ngọt cho JPEG: file nhỏ đi rất nhiều nhưng ở khoảng cách xem thường ngày mắt không phân biệt được. Xuống dưới ~60% mới bắt đầu thấy bầu trời bị vỡ hạt và viền quầng quanh cạnh.
Resize trước khi nén
Đây là bước hay bị bỏ qua. Nếu bố cục hiển thị ảnh rộng 1200 px thì không cần đưa file gốc 6000 px. Hãy đổi kích thước về đúng bề rộng hiển thị trước, rồi mới nén — nhiều khi bước resize tiết kiệm còn nhiều hơn cả bước nén.
Chọn đúng định dạng
- Ảnh chụp → JPEG, hoặc tốt hơn là WebP (nhỏ hơn ~30% ở cùng chất lượng).
- Logo, icon, ảnh có chữ → PNG (hoặc WebP) để giữ cạnh sắc.
- Cần nền trong suốt → PNG hoặc WebP, không dùng JPEG.
Công cụ nén ảnh của chúng tôi làm tất cả ngay trên trình duyệt: ảnh không hề được tải lên máy chủ. Thả một loạt ảnh vào, đặt dung lượng mục tiêu, rồi tải về.