Nén ảnh WebP / AVIF

Nén và đổi định dạng ảnh bằng canvas ngay trên trình duyệt — ảnh không bao giờ rời khỏi máy bạn.

Định dạng đầu ra
Chất lượng80
FAQ
Nhóm Thiết kế (Design)•Tài liệu kỹ thuật & Đặc tả RFC

Tài liệu & Hướng dẫn chuyên sâu: Nén ảnh WebP / AVIF (Image Compressor)

1. Tổng quan & Nguyên lý hoạt động

Ảnh thường chiếm phần lớn dung lượng trang web, và chuyển từ PNG/JPEG sang WebP hoặc AVIF có thể giảm kích thước đáng kể mà mắt thường khó nhận ra khác biệt. Thay vì tải ảnh lên một dịch vụ bên thứ ba, công cụ này giải mã ảnh, thu nhỏ (nếu muốn) rồi mã hoá lại bằng `canvas` của chính trình duyệt, nên ảnh — kể cả ảnh nội bộ hay tài liệu nhạy cảm — không bao giờ rời khỏi máy bạn.

2. Ưu thế kiến trúc & Tính năng nổi bật

Nhiều định dạng đầu ra

Xuất ra WebP, AVIF, JPEG hoặc PNG. Công cụ phát hiện khi trình duyệt không mã hoá được định dạng yêu cầu (ví dụ AVIF ở nhiều trình duyệt) và báo rõ thay vì âm thầm cho kết quả khác.

Điều chỉnh chất lượng và kích thước

Thanh chất lượng 1–100 cho các định dạng nén mất dữ liệu, cùng ô giới hạn cạnh dài tối đa để thu nhỏ ảnh theo tỉ lệ. Kết quả cập nhật ngay, hiển thị dung lượng trước/sau và phần trăm tiết kiệm.

So sánh trực quan và tải về

Ảnh gốc và ảnh sau nén hiển thị cạnh nhau (nền ô vuông cho ảnh trong suốt). Tải về với tên tệp có hậu tố -compressed và đúng phần mở rộng.

3. Chọn định dạng nào?

Gợi ý nhanh theo loại ảnh và mức độ hỗ trợ của trình duyệt:

Định dạngPhù hợp vớiHỗ trợ trong trình duyệt
WebPẢnh chụp và đồ họa web nói chung; hỗ trợ trong suốtHầu hết trình duyệt hiện đại
AVIFDung lượng nhỏ nhất ở cùng chất lượngHiển thị rộng rãi, nhưng mã hoá bằng canvas còn hạn chế
JPEGẢnh chụp, tương thích tuyệt đốiMọi nơi (không có độ trong suốt)
PNGẢnh chụp màn hình, logo, đồ họa cần giữ nguyên điểm ảnhMọi nơi (không mất dữ liệu)

4. Câu hỏi thường gặp (FAQ)

Giải đáp các thắc mắc phổ biến của lập trình viên khi sử dụng tiện ích Nén ảnh WebP / AVIF (Image Compressor).

Mã hoá AVIF bằng canvas.toBlob chỉ có ở một số trình duyệt. Khi không hỗ trợ, trình duyệt tự trả về PNG; công cụ nhận ra điều này và hiện cảnh báo. Hãy thử WebP hoặc JPEG nếu cần ảnh nhỏ.

5. Công cụ liên quan