Cách dùng Nén ảnh
- Kéo một hoặc nhiều ảnh vào khung (hoặc nhấn để chọn, hoặc dán ảnh chụp màn hình). Không có ảnh nào được tải lên, việc nén diễn ra ngay trên trình duyệt.
- Chọn định dạng đầu ra: giữ nguyên định dạng gốc, hoặc chuyển sang WebP để có tỷ lệ dung lượng và chất lượng tốt nhất.
- Điều chỉnh chất lượng (khoảng 75–80 phù hợp với đa số ảnh chụp) và tùy chọn đặt chiều rộng tối đa, ví dụ 1920 px cho ảnh banner toàn chiều rộng.
- Xem mức tiết kiệm của từng file và kéo thanh chia trước/sau để kiểm tra xem có bị mất chi tiết nhìn thấy được hay không.
- Tải từng file một hoặc nhấn Tải tất cả (ZIP).
Nén ảnh là gì?
Công cụ nén ảnh mã hóa lại một bức ảnh để file có dung lượng nhỏ hơn mà trông gần như giống hệt. Ảnh thường là thành phần nặng nhất của một trang web, vì vậy nén ảnh là một trong những cách nhanh nhất để cải thiện thời gian tải và các chỉ số Core Web Vitals như Largest Contentful Paint (LCP). Công cụ này giải mã từng ảnh, tùy chọn thu nhỏ lại, rồi mã hóa lại theo định dạng và chất lượng bạn chọn. Toàn bộ quá trình chạy trong trình duyệt bằng Canvas API, nên ảnh riêng tư của bạn không bao giờ được gửi lên máy chủ.
Cách nén hoạt động
- JPEG, WebP và AVIF là định dạng nén mất dữ liệu: thanh chất lượng quyết định bộ mã hóa loại bỏ bao nhiêu chi tiết nhỏ. Giảm từ 100 xuống khoảng 80 thường loại bỏ một phần lớn dung lượng mà không thấy khác biệt khi xem ở kích thước thông thường.
- PNG là định dạng nén không mất dữ liệu, nên cài đặt chất lượng không có tác dụng. Thay vào đó, công cụ giảm ảnh xuống bảng màu tối đa 256 màu (PNG 8-bit) bằng thuật toán median-cut kết hợp tùy chọn khử răng cưa Floyd–Steinberg, cùng ý tưởng với pngquant và TinyPNG. Ảnh chụp màn hình, logo và minh họa thường giảm 60–80% theo cách này mà vẫn giữ được độ trong suốt.
- Đổi kích thước thường mang lại hiệu quả lớn nhất: một ảnh điện thoại 4000 px hiển thị trong khung 800 px thì phần lớn điểm ảnh bị lãng phí. Đặt chiều rộng/chiều cao tối đa và ảnh sẽ được thu nhỏ bằng thuật toán lấy mẫu chất lượng cao.
- Dữ liệu metadata được xóa. Mã hóa lại sẽ bỏ dữ liệu EXIF như model máy ảnh và vị trí GPS, giúp bảo vệ quyền riêng tư và giảm thêm vài KB. Hướng xoay ảnh được áp dụng trước, nên ảnh chụp dọc vẫn hiển thị đúng chiều.
Nên chọn định dạng nào?
| Định dạng | Phù hợp nhất cho | Độ trong suốt | Ghi chú |
|---|---|---|---|
| WebP | Ảnh chụp và đồ họa trên web | Có | Được hỗ trợ bởi mọi trình duyệt hiện đại; Google cho biết file WebP nén mất dữ liệu nhỏ hơn JPEG tương đương 25–34%. |
| AVIF | Ảnh chụp mà mỗi KB đều quan trọng | Có | Thường nhỏ hơn WebP nhưng mã hóa chậm hơn. Chỉ hiển thị nếu trình duyệt của bạn có thể mã hóa định dạng này. |
| JPEG | Ảnh chụp, gửi email, tương thích tối đa | Không | Vùng trong suốt sẽ được tô bằng màu bạn chọn. |
| PNG | Logo, ảnh chụp màn hình giao diện, chữ sắc nét | Có | Dùng giảm số màu để tiết kiệm nhiều dung lượng; tránh dùng PNG cho ảnh chụp. |
Mẹo cho ảnh web
Xuất ảnh banner với chiều rộng không quá khoảng 2 lần kích thước hiển thị (ví dụ 1600–2400 px cho banner toàn chiều rộng), dùng WebP với chất lượng 75–82, và luôn khai báo thuộc tính width và height trong HTML để tránh layout shift. Cần kích thước chính xác hoặc cắt ảnh cho mạng xã hội? Hãy dùng Image Resizer. Với icon nhỏ, bạn có thể nhúng trực tiếp bằng công cụ Image to Base64 để giảm một request. Nếu bạn dùng Webflow, lưu ý rằng nền tảng này có thể tự tạo các phiên bản responsive và WebP, nhưng một file gốc đã nén tốt vẫn được tải lên và xử lý nhanh hơn.
Cũng được tìm dưới tên: nén ảnh online, giảm dung lượng ảnh, nén ảnh jpeg, nén ảnh png, tối ưu ảnh, chuyển ảnh sang webp, công cụ nén ảnh.
Các công cụ dùng kèm tốt với Nén ảnh
- Tạo BlurHash & LQIP — Làm ảnh tải tức thì hơn: hiển thị bản xem trước mờ trong lúc ảnh thật đang tải.
- Trình Tạo Ảnh OG — Tạo ảnh xem trước liên kết đẹp mắt cho Facebook, LinkedIn, X, Slack và WhatsApp chỉ trong vài giây.
- Kiểm tra tốc độ trang — Chạy Google Lighthouse trên bất kỳ URL nào, cho cả di động lẫn máy tính.
- Kiểm tra Alt ảnh — Kiểm tra mọi hình ảnh trên trang trong một bảng: trạng thái alt text, dung lượng file, thuộc tính chiều rộng/chiều cao, định dạng và lazy loading — có bộ lọc và xuất CSV.
Câu hỏi thường gặp
Ảnh của tôi có được tải lên máy chủ không?
Không. Việc giải mã, đổi kích thước và mã hóa đều diễn ra cục bộ trên trình duyệt bằng Canvas API. Thậm chí sau khi trang tải xong, bạn có thể ngắt kết nối internet và công cụ vẫn hoạt động bình thường.
Tôi nên dùng mức chất lượng nào?
Với ảnh chụp, 75–85 là mức cân bằng tốt cho JPEG và WebP; với ảnh thu nhỏ (thumbnail) có thể giảm xuống khoảng 60. Hãy dùng chế độ xem trước/sau ở mức zoom 100% để kiểm tra. Nếu không thấy khác biệt, bạn có thể thử giá trị thấp hơn.
Vì sao file PNG của tôi lớn hơn hoặc gần như không đổi?
Ở chế độ không mất dữ liệu, PNG không thể bỏ bớt chi tiết, và bộ mã hóa PNG của trình duyệt có thể kém tối ưu hơn công cụ đã tạo ra file của bạn. Hãy chọn 256 màu (hoặc ít hơn) để tiết kiệm thực sự, hoặc chuyển ảnh chụp sang WebP hoặc JPEG. Khi bật “giữ file gốc”, bạn sẽ không bao giờ nhận được file lớn hơn cùng định dạng.
Nén ảnh có xóa dữ liệu EXIF và GPS không?
Có. File sau khi mã hóa lại chỉ chứa dữ liệu điểm ảnh, nên thông tin máy ảnh và tọa độ GPS sẽ bị xóa. Hướng xoay EXIF được áp dụng vào điểm ảnh trước, nên ảnh vẫn hiển thị đúng chiều.
Tôi có thể nén bao nhiêu ảnh cùng lúc?
Không có giới hạn cố định, các file được xử lý lần lượt. Với các đợt ảnh độ phân giải cao có số lượng lớn, giới hạn duy nhất là bộ nhớ của thiết bị.
WebP có tốt hơn JPEG không?
Với web thì thường là có: ở cùng chất lượng hình ảnh, file WebP nhỏ hơn đáng kể và hỗ trợ độ trong suốt. Hãy giữ JPEG khi file cần mở bằng phần mềm cũ hoặc đính kèm email.
Tôi có thể cài Nén ảnh như một ứng dụng web và dùng khi không có mạng không?
Có. Nén ảnh là một ứng dụng web (PWA) có thể cài đặt — cài trực tiếp từ trình duyệt, không cần tải từ cửa hàng ứng dụng. Trên Chrome hoặc Edge (Windows, macOS, Linux, ChromeOS) hoặc Android, bấm Cài đặt ứng dụng ở đầu trang này; trên iPhone và iPad, dùng Chia sẻ → Thêm vào Màn hình chính; trên Mac, dùng File → Add to Dock trong Safari 17 trở lên. Sau đó ứng dụng mở trong cửa sổ riêng với biểu tượng riêng, và vì chạy hoàn toàn trên trình duyệt nên vẫn hoạt động khi không có mạng. Firefox trên máy tính không thể cài ứng dụng web. Cách cài đặt hoạt động thế nào.