CodeKitHubTại Sao Nên Dùng?
- 100% cục bộ: ảnh không bao giờ rời khỏi thiết bị của bạn — an toàn cho ảnh cá nhân và thiết kế chưa công bố.
- Không giới hạn: không giới hạn dung lượng file tối đa, không hạn mức hằng ngày, không watermark, không cần tài khoản.
- Chế độ hàng loạt — thả nhiều ảnh cùng lúc, mỗi ảnh có nút tải về riêng.
- Thanh trượt chất lượng + thay đổi chiều rộng tối đa + xuất JPG/WebP — ba thiết lập thực sự quan trọng nhất.
- Hiển thị chính xác mức tiết kiệm dung lượng của từng ảnh để bạn dễ cân nhắc.
Câu Hỏi Thường Gặp
Nén ảnh có làm ảnh xấu đi không?
Ở mức chất lượng 70–85%, sự khác biệt gần như không thể nhận ra khi xem ảnh trên màn hình. Các vết nén (artifact) chỉ thấy rõ khi giảm xuống dưới khoảng 50%. Ảnh chụp màn hình chứa nhiều chữ là ngoại lệ — chúng xuất hiện vết nén sớm hơn khi dùng JPG; hãy thử xuất WebP hoặc giữ chất lượng trên 85% cho loại ảnh này.
Có giới hạn dung lượng hoặc số lượng file không?
Không. Vì việc nén ảnh chạy trên thiết bị của bạn thay vì trên máy chủ, nên không có gì cần giới hạn cả — nén một ảnh 50 MB hay 100 ảnh cùng lúc đều được. Chỉ là ảnh rất lớn sẽ mất thêm một chút thời gian xử lý.
Ảnh của tôi có bị tải lên đâu không?
Không. File được đọc và mã hóa lại hoàn toàn bởi trình duyệt của bạn bằng HTML5 Canvas API. Bạn có thể mở trang này, ngắt kết nối mạng, và vẫn tiếp tục nén ảnh bình thường.
Tôi nên chọn xuất JPG hay WebP?
WebP thường nhẹ hơn 25–35% so với JPG ở cùng chất lượng hình ảnh và hoạt động trên mọi trình duyệt hiện đại — phù hợp nhất cho website. JPG mở được ở mọi nơi kể cả phần mềm cũ và máy in — phù hợp nhất khi chia sẻ hoặc gửi email. Nếu phân vân, hãy chọn JPG.
Vì sao ảnh PNG của tôi giảm dung lượng nhiều đến vậy?
PNG là định dạng không thất thoát, điều này khá tốn kém với ảnh chụp — một PNG chụp ảnh thường nặng gấp 5–10 lần so với JPG có chất lượng nhìn tương đương. Chuyển ảnh PNG dạng ảnh chụp sang JPG/WebP mang lại mức tiết kiệm lớn nhất. Chỉ nên giữ PNG cho hình ảnh đồ họa cần độ trong suốt hoặc đường nét sắc bén.
Vì sao đôi khi kết quả xuất ra lại lớn hơn ảnh gốc?
Nếu ảnh đã được nén mạnh từ trước, việc mã hóa lại không giúp được gì và có thể làm tăng dung lượng. Công cụ sẽ báo cho bạn biết khi điều này xảy ra — trong trường hợp đó chỉ cần giữ lại bản gốc.
Công Cụ Này Là Gì?
Công cụ nén ảnh giảm dung lượng file bằng cách mã hóa lại ảnh với thiết lập hiệu quả hơn (có thất thoát). Một bức ảnh chụp từ điện thoại thường nặng 3–8 MB; đối với website, tin nhắn hay email, 200–500 KB thường trông giống hệt trên màn hình. Ảnh nhỏ hơn thì tải lên nhanh hơn, hiển thị nhanh hơn và tiết kiệm dung lượng lưu trữ cùng băng thông.
Công cụ này mã hóa lại ảnh bằng codec sẵn có của trình duyệt theo mức chất lượng bạn chọn, và tùy chọn thu nhỏ những ảnh quá lớn xuống một chiều rộng tối đa hợp lý — hai yếu tố quan trọng nhất ảnh hưởng đến dung lượng file. Mức độ nén so với chất lượng nhìn thấy luôn là một sự đánh đổi; kích thước trước/sau hiển thị trực tiếp giúp bạn tìm ra điểm cân bằng phù hợp cho từng ảnh.
So sánh định dạng: JPG so với WebP so với PNG về dung lượng
Cùng một bức ảnh, cùng chất lượng nhìn, ba dung lượng rất khác nhau: PNG nặng nhất (không thất thoát — thường gấp 5–10 lần JPG với ảnh chụp), JPG là mức trung gian phổ biến, WebP thường nhẹ hơn JPG khoảng 25–35%. Vậy thứ tự nén cho một bức ảnh là: chuyển khỏi PNG trước, sau đó chọn JPG để tương thích rộng hoặc WebP để dung lượng nhỏ nhất.
Với hình ảnh đồ họa thì ngược lại: với ảnh chụp màn hình, logo và giao diện màu phẳng, một PNG dùng bảng màu giới hạn thường thắng JPG cả về dung lượng lẫn độ sắc nét — vì nén ảnh chụp của JPG làm mờ các cạnh sắc. Trường hợp này có công cụ riêng bên dưới.
| Loại nội dung | Định dạng tốt nhất | Vì sao |
|---|---|---|
| Ảnh chụp cho web/email/chat | WebP (hoặc JPG để tương thích rộng) | Nén có thất thoát phù hợp với chi tiết ảnh chụp; WebP nhẹ hơn JPG 25–35% ở cùng chất lượng. |
| Ảnh chụp màn hình, logo, giao diện màu phẳng | PNG | Không thất thoát — nén ảnh chụp của JPG làm mờ chữ và cạnh sắc. |
| Ảnh cần độ trong suốt | PNG hoặc WebP | JPG không có kênh alpha; cả PNG và WebP đều hỗ trợ nền trong suốt. |
| Tương thích tối đa (phần mềm cũ, máy in) | JPG | Được hỗ trợ phổ biến từ những năm 1990; WebP mới hơn, dù hiện đã gần như phổ biến trên các trình duyệt. |
Lưu ý về hiệu năng
- Thu nhỏ kích thước trước khi nén mạnh hơn: giảm kích thước từ 4000px xuống 1920px loại bỏ khoảng 77% số pixel — không thanh trượt chất lượng nào có thể cạnh tranh được với mức đó.
- Xử lý hàng loạt chạy tuần tự trên CPU của bạn; một trăm ảnh điện thoại mất khoảng vài phút trên laptop. Không có gì xếp hàng chờ trên máy chủ, nên vẫn thường nhanh hơn các trang dựa vào tải lên — và hoạt động cả khi offline.
- Con số −% chính là tín hiệu phản hồi của bạn: nếu chỉ hiện một chữ số, nghĩa là ảnh đã được tối ưu từ trước và giảm thêm chất lượng sẽ làm ảnh xấu đi trước khi giúp giảm dung lượng.
- Với mục đích xuất bản web, hãy nhắm tới ≤200 KB cho ảnh nội dung và ≤500 KB cho ảnh banner toàn chiều rộng; các ngưỡng này giúp Core Web Vitals ổn định trên kết nối di động.
Từ quá trình kiểm thử của chúng tôi
Trước khi ra mắt công cụ này, chúng tôi đã chạy thử với các ảnh kiểm thử được tạo sẵn và kiểm tra kết quả từng pixel, không chỉ bằng mắt thường. Một ảnh PNG đa màu 3000×2000 giảm từ 140 KB xuống 94 KB (−33%) ở chất lượng 75% với giới hạn 1920px — và vì ảnh kiểm thử là ảnh tổng hợp, chúng tôi có thể xác minh không pixel nào lệch quá mức sai số kỳ vọng của codec JPG. Chúng tôi cũng xác nhận cảnh báo file-đã-tối-ưu hoạt động đúng thay vì âm thầm tạo ra file lớn hơn: đưa vào một JPG đã nén chặt, công cụ sẽ báo bạn nên giữ bản gốc thay vì giả vờ rằng nó đã giúp ích.
Cách Sử Dụng
- Thả ảnh vào khung (hoặc nhấn để chọn file) — hỗ trợ JPG, PNG và WebP.
- Chọn mức chất lượng: 75% là mức cân bằng tốt; giảm xuống 60% để tiết kiệm tối đa.
- Chọn chiều rộng tối đa — 1920px là quá đủ cho hầu hết mục đích hiển thị web toàn màn hình.
- Chọn xuất ra JPG (phổ biến, tương thích mọi nơi) hoặc WebP (nhẹ hơn, mọi trình duyệt hiện đại đều hỗ trợ).
- Nhấn Download bên cạnh từng kết quả. Dung lượng và phần trăm tiết kiệm được hiển thị cho từng file.
Ví dụ
- Đầu vào
phone-photo.jpg — 4,20 MB, 4032×3024- Đầu ra
phone-photo-compressed.jpg — 0,48 MB (−89%), 1920×1440
Thu nhỏ xuống 1920px và mã hóa lại ở chất lượng 75%: gần như giống hệt trên mọi màn hình, nhẹ hơn 9 lần.