Bộ nén hình ảnh
Tệp JPG tiêu chuẩn từ máy ảnh DSLR thường có dung lượng từ 6 đến 10 MB, trong khi hình chân dung chụp bằng điện thoại thường vượt quá 4 MB; hầu hết các trang web, email và ứng dụng nhắn tin đều yêu cầu kích thước nhỏ hơn nhiều. Bộ nén này sẽ chuyển đổi định dạng JPG sang mozjpeg, PNG sang Oxipng và WebP sang cwebp, giúp giảm kích thước tệp từ 40–80% mà không gây ảnh hưởng xấu đến chất lượng hình ảnh, đồng thời thực hiện quá trình nén ngay trên trình duyệt của bạn nên hình ảnh sẽ luôn được lưu giữ trên thiết bị.
Cách nén hình ảnh
-
1
Thả một hoặc nhiều hình ảnh
JPG, PNG, WebP; các nhóm gồm tối đa 50 tệp tin.
-
2
Chọn mục tiêu
Bộ điều chỉnh chất lượng, kích thước tệp mục tiêu (đơn vị: KB) hoặc thiết lập sẵn “an toàn cho web”.
-
3
Xem lại bản xem trước
So sánh trước và sau để bạn có thể xác định các chi tiết phụ trợ có phù hợp hay không.
-
4
Tải xuống các tệp đã được tối ưu hóa
Có thể sử dụng riêng lẻ hoặc dưới dạng gói bưu chính; các tên gốc được giữ nguyên.
Cách thức hoạt động của chức năng nén theo định dạng
Mỗi định dạng đều có những công cụ điều khiển riêng biệt. Việc sử dụng đúng công cụ phù hợp thường giúp tiết kiệm gấp đôi so với những gì một công cụ thông dụng có thể mang lại.
So sánh định dạng
| Định dạng | Có mất dữ liệu | Alpha | Mức độ nén | Mức độ nén điển hình trên web |
|---|---|---|---|---|
| JPG | Có | Không | Ảnh màu 8 bit | Chất lượng 75–85 |
| PNG | Không | Có | Biểu tượng, ảnh chụp màn hình, hình ảnh trong suốt | Oxipng cấp độ 4 |
| WebP có mất dữ liệu | Có | Có | Giải pháp thay thế tốt nhất cho JPG, kích thước nhỏ hơn khoảng 30% | Chất lượng 80 |
| WebP không mất dữ liệu | Không | Có | Thay thế định dạng PNG; thường nhỏ hơn khoảng 25% | Phương pháp 6 |
| AVIF | Có | Có | Tỷ lệ tốt nhất, tốc độ mã hóa chậm | Tương đương chất lượng 50 |
Các mục tiêu về chất lượng
- Hình ảnh nhân vật chính: chất lượng JPG là 85, WebP là 82 – giữ được chi tiết khi hiển thị ở chế độ màn hình toàn phần.
- Hình ảnh cơ thể: chất lượng JPG là 75, WebP là 72 – phù hợp với nội dung có độ rộng từ 800 đến 1200 pixel.
- Hình thu nhỏ: chất lượng JPG là 65, WebP là 60 – việc nén ở mức độ cao là hoàn toàn phù hợp với kích thước 200 pixel.
Chi tiết về PNG
Đoạn nén PNG là dạng không mất chất lượng – chất lượng hình ảnh không bị giảm sút; tuy nhiên, mức độ giảm kích thước phụ thuộc vào độ sâu màu và phương pháp nén sử dụng. Oxipng cấp độ 4 thường giúp giảm khoảng 10–30% kích thước tệp PNG được lưu cho mục đích dùng trên web từ Photoshop.
Đối với các ảnh chụp màn hình có bảng màu nhỏ (< 256 màu), chuyển sang định dạng PNG-8 được lập chỉ mục có thể giảm kích thước tệp xuống một nửa mà không gây ra sự khác biệt rõ rệt.
Việc áp dụng công nghệ WebP
WebP được hỗ trợ bởi mọi trình duyệt hiện đại (Safari 14+, Chrome 32+, Firefox 65+, Edge 18+). Hãy sử dụng phần tử <picture> để hiển thị nội dung WebP, đồng thời chuyển sang định dạng JPG khi gặp các trình duyệt không phù hợp.
Bảo mật
Các máy nén hoạt động hoàn toàn trong trình duyệt của bạn thông qua WebAssembly – không cần tải tệp tin, không xử lý trên phía máy chủ và không tạo nhật ký nào.
Câu hỏi thường gặp
Đối với việc truyền tải qua web, đúng vậy – tệp WebP ở chất lượng 80 thường nhỏ hơn từ 25 đến 35% so với tệp JPG có cùng hình thức nhưng ở chất lượng 85. Đối với tệp đính kèm trong email hoặc khi chuyển tiếp cho người dùng cuối, nên sử dụng định dạng JPG để đảm bảo tính tương thích toàn cầu.
PNG vốn đã là định dạng không mất dữ liệu, do đó việc tiết kiệm chi phí chủ yếu đến từ việc cập nhật lại bảng màu và thực hiện lại thao tác nén dữ liệu bằng các chiến lược hiệu quả hơn. Oxipng ở cấp độ 4 thường giúp giảm chi phí xuất file Photoshop từ 10–30%, nhưng không thể sánh được với mức giảm chi phí mà các định dạng có tính năng mất dữ liệu như WebP mang lại.
Đúng vậy. Hãy chọn chế độ “target KB”, công cụ sẽ lần lượt thử các thiết lập chất lượng cho đến khi kết quả đạt hoặc thấp hơn mức mục tiêu của bạn, đồng thời báo cáo chất lượng thực tế được sử dụng.
Dữ liệu siêu dữ liệu EXIF, XMP và IPTC có thể được giữ lại tùy chọn. Đối với việc phân phối qua web, việc loại bỏ các thông tin này là mặc định vì nó giúp tiết kiệm vài KB dung lượng và loại bỏ các tọa độ GPS mà bạn có thể không muốn công khai.