Nén và tối ưu hóa hình ảnh (JPG, PNG, WebP) trực tiếp trên trình duyệt. Giảm dung lượng file, chuyển đổi định dạng, resize ảnh để tăng tốc website và cải thiện SEO (Core Web Vitals).
Bước 1: Chọn một hoặc nhiều ảnh (JPG, PNG, WebP) từ máy tính của bạn.
Bước 2: Chọn định dạng đầu ra phù hợp (khuyến nghị WebP để tối ưu dung lượng).
Bước 3: Điều chỉnh thanh chất lượng – 60–80% là tối ưu cho web.
Bước 4: Chọn chế độ resize nếu cần (giảm kích thước ảnh giúp tăng tốc load).
Bước 5: Nhấn "Nén ảnh", chờ xử lý và tải xuống phiên bản đã tối ưu.
WebP thường giảm 25–35% dung lượng so với JPEG, được hỗ trợ bởi 97%+ trình duyệt hiện nay.
Chất lượng 70–80% là lý tưởng cho ảnh web theo khuyến nghị của Google PageSpeed.
Resize ảnh trước khi nén giúp giảm dung lượng tối đa, đặc biệt với ảnh gốc rất lớn.
Ảnh được xử lý 100% trên trình duyệt, không tải lên server → bảo mật nội dung tốt hơn.
Tác động SEO: Ảnh nhẹ hơn → website tải nhanh hơn → điểm Core Web Vitals tốt hơn.
Công cụ sử dụng FileReader và Canvas API của trình duyệt để nén và chuyển đổi ảnh trực tiếp:
Đọc ảnh: FileReader đọc file ảnh từ máy tính của bạn (không gửi lên server).
Vẽ lên Canvas: Ảnh được vẽ lên canvas với kích thước mới (nếu bạn chọn resize).
Nén & chuyển đổi: canvas.toBlob() xuất ảnh với định dạng và chất lượng mới.
Tải xuống: Tạo URL tạm thời và tự động tải ảnh nén về thiết bị của bạn.
Ảnh gốc: product.png (2.5MB, 3000×2000px).
Sau nén: product.webp (180KB, 1280×853px, chất lượng 75%).
Kết quả: Tiết kiệm ~93% dung lượng, thời gian tải có thể giảm từ 3.2s xuống còn 0.3s (nhanh hơn ~10 lần).
