Vì sao nên nén ảnh trước khi đưa lên web
Ảnh thường chiếm phần lớn dung lượng của một trang. Ảnh chụp từ điện thoại có thể nặng vài MB trong khi hiển thị trên web chỉ cần vài trăm KB. Ảnh nhẹ giúp trang mở nhanh hơn, tốn ít dữ liệu di động hơn và được Google đánh giá tốt hơn về trải nghiệm.
Cách dùng
- Chọn định dạng. WebP nhẹ nhất và đủ dùng cho hầu hết web; JPEG dành cho nơi chưa đọc được WebP.
- Đặt chất lượng, thường 75 đến 85 là cân bằng tốt giữa độ nét và dung lượng.
- Đặt chiều rộng tối đa. Ảnh hiển thị trong bài viết hiếm khi cần rộng hơn 1600 đến 2000 px, ảnh nhỏ hơn thì được giữ nguyên, không bị phóng to.
- Kéo thả ảnh vào khung. Kết quả hiện ngay, bạn tải từng ảnh hoặc bấm Tải tất cả.
Lưu ý
- Xem lại ảnh sau khi nén, nhất là ảnh có chữ nhỏ hoặc nhiều chi tiết.
- Nếu ảnh sau nén không nhẹ hơn, hãy hạ chất lượng hoặc giảm chiều rộng.
- Khi tải tất cả, trình duyệt có thể hỏi cho phép tải nhiều file, hãy bấm đồng ý.
- Đặt tên file có nghĩa (ví dụ
ghe-van-phong.webp) giúp ích cho SEO ảnh. Công cụ tạo slug URL làm việc này nhanh.
Web vẫn chậm dù ảnh đã nhẹ? Xem dịch vụ tối ưu tốc độ.
Ví dụ: một ảnh sản phẩm 3000 px
Ảnh sản phẩm 3000 × 3000 điểm ảnh, dạng JPEG 230 KB. Chọn WebP, chất lượng 80, chiều rộng tối đa 1200 px. Kết quả 1200 × 1200, chỉ còn 9 KB, giảm 96%. Ảnh mẫu này là hình vẽ ít chi tiết nên giảm rất mạnh; ảnh chụp thật nhiều chi tiết thường giảm ít hơn nhưng vẫn đáng kể.
Chọn thông số theo loại ảnh
| Loại ảnh | Chiều rộng | Chất lượng |
|---|---|---|
| Ảnh bìa tràn màn hình | 1600 – 1920 px | 75 – 80 |
| Ảnh trong bài viết | 1200 px | 75 – 80 |
| Ảnh sản phẩm | 1000 – 1200 px | 80 |
| Ảnh có chữ, ảnh chụp màn hình | Theo khung hiển thị | 85 – 90 |