Công cụ nén ảnh (JPEG, PNG, WebP)
Nén ảnh JPEG, PNG và WebP ngay trong trình duyệt. Chỉnh chất lượng, giới hạn kích thước, giảm số màu PNG và xem chính xác phần trăm dung lượng tiết kiệm.
Chạy hoàn toàn trong trình duyệt. Dữ liệu của bạn không bao giờ bị tải lên.
Nén ảnh là gì?
Công cụ nén ảnh mã hóa lại ảnh chụp hoặc đồ họa để file nhỏ hơn. Bạn chọn JPEG hoặc WebP nén mất dữ liệu với thanh trượt chất lượng, PNG giảm màu (lượng tử hóa bảng màu, tương tự TinyPNG) vẫn giữ độ trong suốt, hoặc mã hóa lại PNG không mất dữ liệu, và có thể giới hạn chiều rộng, chiều cao tối đa. Công cụ hiển thị kích thước gốc, kích thước mới và phần trăm tiết kiệm, đồng thời cảnh báo khi kết quả không nhỏ hơn.
Cách sử dụng Nén ảnh
- Thả ảnh vào vùng tải lên, bấm để chọn file, hoặc dán ảnh bằng Ctrl+V.
- Chọn Định dạng đầu ra: JPEG, WebP, PNG giảm màu hoặc PNG không mất dữ liệu.
- Chỉnh Chất lượng (JPEG/WebP) hoặc Số màu tối đa (PNG giảm màu), và tùy chọn đặt Chiều rộng tối đa / Chiều cao tối đa.
- Xem ảnh xem trước và nhãn thay đổi kích thước (ví dụ “120 KB → 38 KB, nhỏ hơn 68%”).
- Bấm nút tải xuống để lưu file đã nén, có tên dạng
photo-compressed.jpg.
Ví dụ
Ảnh PNG 300×200 có nhiễu (107 KB), định dạng đầu ra WebP, chất lượng 75
File WebP cùng kích thước 300×200; nhãn kích thước hiển thị dung lượng mới và giá trị “nhỏ hơn %”
Phần trăm chính xác phụ thuộc vào nội dung ảnh và bộ mã hóa của trình duyệt.
Khi nào nên dùng Nén ảnh
Dùng trước khi tải ảnh lên website, CMS, email hoặc chat khi dung lượng quan trọng, hoặc để thu nhỏ ảnh chụp màn hình và logo mà vẫn giữ độ trong suốt. Đây không phải công cụ tối ưu hàng loạt và không chạy các bộ mã hóa nâng cao như MozJPEG hay oxipng, nên công cụ chuyên dụng lúc build có thể giảm thêm vài phần trăm. Đừng nén lại nhiều lần một ảnh JPEG đã nén mạnh: mỗi lượt nén mất dữ liệu đều làm mất chi tiết.
Nén ảnh hoạt động như thế nào
Ảnh được trình duyệt giải mã (áp dụng hướng xoay EXIF) và vẽ lên canvas. Nếu bạn đặt kích thước tối đa, ảnh được thu nhỏ theo từng bước giảm một nửa với chế độ làm mịn chất lượng cao. JPEG và WebP được tạo bằng canvas.toBlob(type, quality); điểm ảnh trong suốt thành màu trắng với JPEG vì định dạng này không có kênh alpha. Chế độ PNG giảm màu lượng tử hóa các điểm ảnh RGBA xuống tối đa 256 màu bằng thuật toán PnnQuant của thư viện gifenc, rồi ghi PNG chỉ mục 8 bit (các chunk PLTE + tRNS, nén bằng CompressionStream của trình duyệt). PNG không mất dữ liệu chỉ đơn giản được trình duyệt mã hóa lại, hiếm khi tiết kiệm được nhiều.
Các Trường Hợp Sử Dụng Phổ Biến
- Thu nhỏ ảnh điện thoại trước khi đính kèm vào email hoặc biểu mẫu có giới hạn dung lượng.
- Chuyển ảnh chụp màn hình PNG lớn thành PNG 256 màu nhỏ hơn nhiều lần.
- Tạo phiên bản WebP cho ảnh banner để trang tải nhanh hơn.
- Giới hạn ảnh sản phẩm ở chiều rộng 1600 px cho cửa hàng trực tuyến.
Lưu Ý Bảo Mật
Ảnh được giải mã, xử lý và mã hóa cục bộ trong trình duyệt bằng Canvas API. Không có gì được tải lên máy chủ. Vì metadata không được sao chép, nén ảnh cũng là cách dễ dàng để xóa dữ liệu vị trí khỏi ảnh trước khi chia sẻ.
Câu Hỏi Thường Gặp
Định dạng nào cho file nhỏ nhất?
Với ảnh chụp, WebP thường nhỏ nhất, tiếp đến là JPEG. Với ảnh chụp màn hình, logo và đồ họa màu phẳng, PNG giảm màu thường nhỏ hơn cả hai và giữ được cạnh sắc nét cùng độ trong suốt.
Vì sao file đã nén lại lớn hơn file gốc?
File gốc có thể đã được tối ưu tốt, hoặc bạn chọn định dạng không mất dữ liệu hay chất lượng rất cao. Khi đó công cụ hiển thị cảnh báo; hãy giảm chất lượng, chọn định dạng khác hoặc giữ file gốc.
Nén có xóa metadata EXIF không?
Có. Kết quả được mã hóa lại từ canvas, nên metadata của máy ảnh như vị trí GPS, ngày chụp và dòng máy không được sao chép sang file mới.
Có giới hạn kích thước không?
Ảnh rất lớn được thu nhỏ cho vừa giới hạn canvas của trình duyệt (khoảng 16,7 megapixel trên Safari, 50 megapixel ở trình duyệt khác) và một thông báo cho bạn biết kích thước mới.