Image Toolkit (5 in 1)
Bộ 5 công cụ chỉnh ảnh online
Resize · Watermark · Compress · Crop vuông · Convert WebP — 100% browser, không upload
Hướng dẫn image toolkit
Ảnh sản phẩm chuẩn để đăng Shopee, TikTok Shop hay Facebook thường phải qua vài bước tay chân: đổi kích thước cho đúng gợi ý sàn, đóng dấu tên shop lên ảnh chống ăn cắp, nén nhẹ bớt cho tải nhanh, và đôi khi đổi định dạng file. Công cụ này gộp 5 việc đó vào 1 trang, mỗi việc là 1 tab riêng, xử lý hàng loạt nhiều ảnh cùng lúc.
Điểm quan trọng nhất với ảnh sản phẩm (thường có thông tin riêng, mẫu chưa công bố): toàn bộ 5 công cụ chạy bằng Canvas API ngay trong trình duyệt máy anh/chị, không có bước tải ảnh lên máy chủ nào — trang tự hiển thị dòng xác nhận "100% xử lý trên máy bạn" ngay khi mở, tắt mạng vẫn xử lý được ảnh đã chọn.
Vì xử lý tại máy, tốc độ và số lượng ảnh xử lý được phụ thuộc cấu hình máy/trình duyệt đang dùng — công cụ không đặt giới hạn cứng về số file hay dung lượng, nhưng máy yếu xử lý nhiều ảnh độ phân giải lớn cùng lúc sẽ chậm hơn.
5 công cụ trong 1 trang
| Tab | Việc chính | Tham số chỉnh được |
|---|---|---|
| Resize batch | Đổi kích thước hàng loạt, có giữ tỷ lệ gốc | Chiều rộng 100-4.000px, preset nhanh 400/800/1.200/1.920px |
| Watermark | Đóng dấu CHỮ (không phải logo/ảnh) lên góc hoặc giữa ảnh | 5 vị trí, cỡ chữ theo tỷ lệ ảnh, độ trong suốt 10-100%, màu trắng/đen |
| Compress | Nén ảnh về JPEG nhẹ hơn để tải trang nhanh | Chất lượng 20-95%, giới hạn chiều rộng tối đa |
| Crop vuông | Cắt/đóng khung vuông 1:1 cho Shopee, Instagram, TikTok Shop | Cỡ vuông 800/1.080/1.200/2.000px, nền trắng/đen/trong suốt |
| Convert format | Đổi định dạng file ảnh | WebP, JPG, PNG — chất lượng 40-100% (PNG luôn nén không mất chất lượng) |
Định dạng nhận vào và xuất ra
- Nhận vào: mọi định dạng ảnh trình duyệt đọc được (JPG, PNG, WebP, GIF...), chọn 1 hoặc nhiều file cùng lúc, kéo-thả cũng được.
- Resize/Watermark: xuất giữ nguyên định dạng file gốc.
- Compress: luôn xuất ra JPEG dù ảnh gốc là định dạng khác.
- Crop vuông: xuất PNG nếu chọn nền trong suốt, còn lại xuất JPG.
- Convert: xuất đúng định dạng anh/chị chọn (WebP/JPG/PNG), không phụ thuộc định dạng gốc.
Tải kết quả
Mỗi ảnh sau khi xử lý có nút tải riêng. Nếu xử lý nhiều hơn 1 ảnh, có thêm nút "Tải tất cả" để tải lần lượt toàn bộ ảnh đã xử lý — trình duyệt có thể hỏi xác nhận cho phép tải nhiều file, cần bấm cho phép để nhận đủ.
Ví dụ: nén 1 ảnh JPG 3.2MB, chất lượng 75%, max width 1.920px
- Ảnh gốc: 3.200KB (~3,2MB)
- Sau khi nén JPEG 75%, max width 1.920px: Kích thước file giảm — số % giảm hiển thị ngay trên ảnh kết quả
- Cách đọc số % công cụ hiển thị: ↓ x% nghĩa là file mới nhẹ hơn x% so với file gốc
Số % giảm thực tế phụ thuộc nội dung từng ảnh (ảnh nhiều chi tiết nén ít hiệu quả hơn ảnh nền đơn giản) — công cụ tính và hiển thị trực tiếp trên từng ảnh sau khi bấm Nén, không có một con số cố định áp dụng cho mọi ảnh.
Lỗi thường gặp khi tính tay
- Coi tab Watermark là công cụ chèn logo — tab này chỉ đóng dấu CHỮ, muốn chèn logo/hình ảnh watermark cần công cụ khác.
- Nén ảnh đã nén nhiều lần liên tiếp (nén xong lại tải lên nén tiếp) — JPEG là định dạng mất dữ liệu (lossy), nén lặp lại nhiều lần làm ảnh giảm chất lượng rõ rệt dù kích thước file không giảm thêm bao nhiêu.
- Chọn nền trong suốt ở Crop vuông rồi thắc mắc vì sao file xuất ra là PNG thay vì JPG — JPG không hỗ trợ trong suốt, công cụ tự chuyển sang PNG khi chọn nền trong suốt.
- Convert sang WebP để đăng lên nền tảng cũ chỉ nhận JPG/PNG — một số sàn/mạng xã hội cũ chưa nhận WebP, cần kiểm tra nơi định đăng trước khi chọn định dạng.
- Bỏ qua nút "Giữ tỷ lệ ảnh gốc" khi Resize rồi nhập tay cả rộng lẫn cao — nếu tỷ lệ nhập không khớp ảnh gốc, ảnh kết quả sẽ bị méo (kéo dãn), không phải lỗi công cụ.
Bạn có thắc mắc về Image Toolkit?
Ảnh có bị tải lên máy chủ khi dùng Image Toolkit không?+
Không. Cả 5 công cụ (Resize, Watermark, Compress, Crop vuông, Convert) đều xử lý bằng Canvas API ngay trong trình duyệt, trang tự hiển thị xác nhận "100% xử lý trên máy bạn".
Watermark trong công cụ có chèn được logo/hình ảnh không?+
Không. Tab Watermark chỉ đóng dấu CHỮ (text) lên ảnh với vị trí, cỡ chữ, màu và độ trong suốt tuỳ chỉnh — chưa hỗ trợ chèn logo hay hình ảnh watermark.
Công cụ Compress luôn xuất ra định dạng gì?+
Luôn xuất JPEG dù ảnh gốc là định dạng khác (PNG, WebP...), với chất lượng 20-95% và giới hạn chiều rộng tối đa tự chọn.
Crop vuông chọn nền trong suốt thì file xuất ra định dạng gì?+
PNG, vì JPG không hỗ trợ nền trong suốt. Nếu chọn nền trắng hoặc đen, file xuất vẫn là JPG như các cỡ vuông khác.
Có giới hạn số lượng ảnh xử lý cùng lúc không?+
Công cụ không đặt giới hạn cứng về số file hay dung lượng — số ảnh xử lý được thực tế phụ thuộc bộ nhớ và cấu hình máy/trình duyệt đang dùng.
Nên chọn định dạng nào khi Convert ảnh để đăng web?+
WebP thường nhẹ hơn JPG khoảng 30% ở chất lượng tương đương và hỗ trợ trong suốt như PNG, phù hợp web hiện đại — chỉ chọn JPG/PNG nếu nơi đăng chưa hỗ trợ WebP.
Web cho doanh nghiệp của bạn?
Webchốt là studio thiết kế web Next.js. Tools miễn phí. Service chuyên nghiệp khi cần.