Bộ nén hình ảnh

Trình nén ảnh

Một tệp JPG từ máy ảnh DSLR thường nặng 6–10 MB, còn ảnh chân dung chụp bằng điện thoại thường vượt 4 MB; hầu hết trang web, email và ứng dụng nhắn tin cần tệp nhỏ hơn rất nhiều. Bộ nén này xử lý JPG bằng mozjpeg, PNG bằng Oxipng và WebP bằng cwebp, thường giảm kích thước 40–80% mà không khiến ảnh trông tệ đi, đồng thời chạy cục bộ trong trình duyệt nên ảnh không rời khỏi thiết bị của bạn.

Cách nén hình ảnh

  1. 1

    Thả một hoặc nhiều hình ảnh

    JPG, PNG, WebP; xử lý theo lô tối đa 50 tệp.

  2. 2

    Chọn mục tiêu

    Thanh chất lượng, kích thước mục tiêu theo KB hoặc preset sẵn sàng cho web.

  3. 3

    Xem lại bản xem trước

    So sánh trước/sau cạnh nhau để xem artefact nén có chấp nhận được không.

  4. 4

    Tải xuống các tệp đã được tối ưu hóa

    Tải từng tệp hoặc dưới dạng ZIP; tên gốc được giữ nguyên.

Cách nén hoạt động theo từng định dạng

Mỗi định dạng có các điểm điều chỉnh nén khác nhau. Chọn đúng điểm thường giúp giảm dung lượng nhiều hơn hẳn so với một công cụ chung áp cùng công thức cho mọi ảnh.

So sánh định dạng

Định dạng Có mất dữ liệu Alpha Phù hợp nhất Thiết lập web thường dùng
JPG Không Ảnh chụp và màu 8 bit Chất lượng 75–85
PNG Không 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 Thay thế JPG rất tốt, thường nhỏ hơn ~30% Chất lượng 80
WebP không mất dữ liệu Không Thay thế PNG; thường nhỏ hơn ~25% Phương pháp 6
AVIF Tỷ lệ nén tốt nhất, nhưng mã hóa chậm Tương đương chất lượng 50

Các mục tiêu về chất lượng

  • Ảnh chính: chất lượng JPG 85, WebP 82, giữ chi tiết cho phần đầu trang hoặc hiển thị toàn màn hình.
  • Ảnh trong nội dung: chất lượng JPG 75, WebP 72, phù hợp với nội dung rộng 800–1200 px.
  • Ảnh thu nhỏ: chất lượng JPG 65, WebP 60, ở 200 px có thể nén mạnh hơn.

Chi tiết về PNG

Nén PNG là nén không mất dữ liệu: chất lượng không phải thứ đổi trực tiếp lấy dung lượng nhỏ hơn. Mức giảm phụ thuộc chủ yếu vào độ sâu màu và phương pháp nén. Oxipng cấp độ 4 thường giảm 10–30% với PNG xuất từ Photoshop bằng “Lưu cho web”.

Với ảnh chụp màn hình có bảng màu nhỏ (< 256 màu), chuyển sang PNG-8 được lập chỉ mục có thể giảm một nửa dung lượng mà hầu như không thấy khác biệt.

Hỗ trợ WebP

WebP được mọi trình duyệt hiện đại hỗ trợ (Safari 14+, Chrome 32+, Firefox 65+, Edge 18+). Hãy phục vụ WebP bằng phần tử <picture> có fallback sang JPG cho tác nhân người dùng ngoài dự kiến.

Quyền riêng tư

Bộ nén chạy hoàn toàn trong trình duyệt bằng WebAssembly. Không tải tệp lên, không xử lý phía máy chủ, không ghi nhật ký.

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

Để đăng tải trên web thì có: WebP ở chất lượng 80 thường nhỏ hơn 25–35% so với JPG trông tương đương ở chất lượng 85. Với tệp đính kèm email hoặc bàn giao cho khách hàng, hãy giữ JPG để đảm bảo tương thích rộng.

PNG vốn đã là định dạng không mất dữ liệu, nên phần tiết kiệm đến từ việc lập chỉ mục lại bảng màu và chạy deflate bằng chiến lược tốt hơn. Oxipng cấp độ 4 thường giảm 10–30% so với bản xuất từ Photoshop, nhưng không thể đạt mức giảm của định dạng có mất dữ liệu như WebP.

Có. Chọn chế độ “KB mục tiêu”, công cụ sẽ thử các mức chất lượng cho đến khi kết quả bằng hoặc thấp hơn mục tiêu, rồi báo chất lượng hiệu dụng đã dùng.

Có thể tùy chọn giữ lại siêu dữ liệu EXIF, XMP và IPTC. Khi phân phối trên web, mặc định là xóa chúng vì việc đó tiết kiệm vài KB và loại bỏ tọa độ GPS mà bạn có thể không muốn công khai.

Công cụ liên quan