Chuyển AVIF sang WebP
AVIF là định dạng web mới hơn và thường nhẹ hơn, nhưng WebP vẫn chạy trên nhiều thiết bị và hệ thống quản lý nội dung hơn. Hãy chuyển AVIF sang WebP khi trang web phải chạy trên iPhone và Mac đời cũ hoặc khi CMS từ chối file tải lên, mà vẫn giữ được cách nén hiện đại và độ trong suốt.
Chuyển đổi ảnh
hoặc thả tệp JPG, JPEG, JPE … vào đây ·
Tối đa 95 MB mỗi tệp· Tối đa 20 tệp· Xóa sau 30 phút
Tệp được xử lý trên máy chủ của chúng tôi và bị xóa sau 30 phút.
Mức 85 giữ ảnh trông giống hệt bản gốc. Chỉ hạ xuống khi bạn cần tệp nhỏ hơn.
JPG, BMP và EPS không hỗ trợ độ trong suốt. Các điểm ảnh trong suốt sẽ được tô bằng màu này.
Mã màu hex dùng phía sau các điểm ảnh trong suốt, ví dụ #FFFFFF.
Định dạng này chỉ chứa một ảnh duy nhất. Hãy chọn đầu ra GIF hoặc WebP nếu bạn muốn giữ chuyển động.
Biểu tượng đa kích thước chứa nhiều độ phân giải trong một tệp; trình duyệt và hệ điều hành sẽ chọn độ phân giải cần dùng.
Giữ kích thước gốc, hoặc nhập một cạnh và tỷ lệ khung hình sẽ được giữ nguyên.
Số pixel cho cạnh bạn đã chọn ở trên.
Tỷ lệ phần trăm so với kích thước gốc.
sRGB phù hợp cho màn hình và web. Giữ nguyên bản gốc cho quy trình in ấn; thang độ xám sẽ loại bỏ màu.
Chỉ là siêu dữ liệu, 0 giữ giá trị gốc. Máy in và một số cổng thông tin đọc con số này; nó không thay đổi kích thước điểm ảnh.
Cách sử dụng công cụ này
- 1
Thêm ảnh AVIF
Tải lên tối đa 20 file .avif, mỗi file 95 MB, từ bản xuất thiết kế, ảnh tải về từ CDN hình ảnh hoặc bản sao lưu trang web.
- 2
Chọn có mất dữ liệu hay không
Chất lượng bắt đầu ở 85, phù hợp với ảnh chụp vốn đã là AVIF có mất dữ liệu. Chỉ đánh dấu Không mất dữ liệu trong Cài đặt nâng cao cho đồ họa phẳng hoặc file AVIF đã được lưu không mất dữ liệu.
- 3
Nhấn Chuyển sang WebP
Tải từng file WebP hoặc một file ZIP. Vùng trong suốt vẫn trong suốt, và file được xóa sau 30 phút.
Trả lời ngắn: hãy chuyển AVIF sang WebP ở chất lượng 85 khi trình duyệt, plugin hoặc hosting không hỗ trợ AVIF. Bạn mất một chút hiệu quả về dung lượng, giữ được độ trong suốt và có một file tải được trên gần như mọi thiết bị đang dùng.
Vì sao vẫn chuyển AVIF sang WebP vào năm 2026
AVIF được Alliance for Open Media công bố năm 2019 và dùng codec video AV1 cho ảnh tĩnh. Nó thường thắng WebP về dung lượng ở cùng chất lượng hiển thị, nhất là với ảnh chụp có chuyển sắc mượt. Tuy vậy, sự hỗ trợ đến theo từng đợt: Chrome 85 năm 2020, Firefox 93 năm 2021, Safari chỉ từ phiên bản 16 năm 2022 và còn thiếu sót đến 16.4, còn Edge muộn tới phiên bản 121 vào tháng 1 năm 2024.
WebP, do Google phát hành năm 2010, được mọi trình duyệt lớn hiển thị kể từ Safari 14 năm 2020. Điện thoại kẹt ở iOS 15, như iPhone 7 và 6s, hiển thị WebP nhưng không hiển thị AVIF. Nếu AVIF bị lỗi ở nơi bạn không nâng cấp được, WebP là bước lùi gần nhất. Đọc thêm về các đánh đổi trong bài AVIF, HEIC và WebP là gì.
So sánh hỗ trợ AVIF và WebP trên trình duyệt và WordPress
| from ↓ · to → | AVIF | WebP |
|---|---|---|
| Chrome 85+ | Chrome 85+ to AVIF: yes | Chrome 85+ to WebP: yes |
| Firefox 93+ | Firefox 93+ to AVIF: yes | Firefox 93+ to WebP: yes |
| Safari 16.4+ | Safari 16.4+ to AVIF: yes | Safari 16.4+ to WebP: yes |
| Safari 14–16.3 | – Safari 14–16.3 to AVIF: no | Safari 14–16.3 to WebP: yes |
| Edge 121+ | Edge 121+ to AVIF: yes | Edge 121+ to WebP: yes |
| Edge 18–120 | – Edge 18–120 to AVIF: no | Edge 18–120 to WebP: yes |
| WordPress 5.8–6.4 | – WordPress 5.8–6.4 to AVIF: no | WordPress 5.8–6.4 to WebP: yes |
| WordPress 6.5+ | WordPress 6.5+ to AVIF: yes | WordPress 6.5+ to WebP: yes |
AVIF
Định dạng ảnh AV1 (AVIF)
AVIF lưu ảnh tĩnh và chuỗi ảnh được nén bằng codec video AV1, và được Alliance for Open Media hoàn thiện năm 2019. Ở cùng chất lượng hiển thị, AVIF thường cho tệp nhỏ hơn cả JPEG và WebP, đồng thời hỗ trợ nền trong suốt, ảnh động, gam màu rộng và HDR. Tốc độ mã hóa chậm hơn các định dạng cũ, và các họa tiết rất mịn có thể bị làm mượt ở mức chất lượng thấp. Mọi trình duyệt lớn hiện đều hiển thị được AVIF, nhưng nhiều ứng dụng máy tính, nền tảng mạng xã hội và thiết bị cũ không mở được.
- Nén
- Có hoặc không mất dữ liệu
- Độ trong suốt
- Có
- Ảnh động
- Có
- Ra mắt
- 2019 · Alliance for Open Media
WEBP
Ảnh WebP
WebP là định dạng ảnh do Google phát hành năm 2010 nhằm giúp trang web tải nhanh hơn. Định dạng hỗ trợ cả nén mất dữ liệu (lossy) lẫn không mất dữ liệu (lossless), nền trong suốt bằng kênh alpha và ảnh động trong cùng một định dạng. Tệp WebP lossy thường nhỏ hơn 25–35% so với JPEG có chất lượng hình ảnh tương đương, còn WebP lossless thường nhỏ hơn PNG. Mọi trình duyệt hiện nay đều hỗ trợ WebP, nhưng một số phần mềm máy tính cũ, dịch vụ in và biểu mẫu tải lên vẫn từ chối định dạng này. Windows, macOS và hầu hết trình chỉnh sửa ảnh hiện đại mở được tệp WebP.
- Nén
- Có hoặc không mất dữ liệu
- Độ trong suốt
- Có
- Ảnh động
- Có
- Ra mắt
- 2010 · Google
Người dùng chuyển AVIF sang WebP để giữ cách nén hiện đại và độ trong suốt mà vẫn đến được các trình duyệt, điện thoại và hosting CMS chưa xử lý được AVIF; WebP sang AVIF là bước ngược lại, ép thêm vài byte khi mọi người truy cập đều giải mã được.
Những gì thay đổi khi chuyển AVIF sang WebP
WebP mang lại gì
- Hiển thị trên Safari, Edge đời cũ và thiết bị iOS 15
- WordPress chấp nhận từ bản 5.8 trên gần như mọi hosting
- Giữ kênh alpha
- Mã hóa và giải mã nhanh hơn trên điện thoại cấu hình thấp
Bạn đánh đổi điều gì
- File thường nặng hơn AVIF đôi chút
- Chỉ hỗ trợ 8 bit, nên AVIF HDR và 10 bit bị làm phẳng
- Thêm một lượt nén có mất dữ liệu với nguồn có mất dữ liệu
Chuyển AVIF sang WebP: thiết lập chất lượng và không mất dữ liệu
Hãy chọn thiết lập theo cách file AVIF được tạo ra. Phần lớn file AVIF trên web là ảnh chụp có mất dữ liệu, nên WebP có mất dữ liệu ở mức 85 giữ chúng nguyên vẹn về mặt thị giác mà vẫn nhẹ. Đồ họa có màu phẳng, chữ hoặc cạnh sắc là nơi Không mất dữ liệu phát huy tác dụng, vì chế độ không mất dữ liệu của WebP được thiết kế chính cho loại ảnh này.
File AVIF HDR và 10 bit được ánh xạ tông màu về 8 bit, vì WebP không có độ sâu bit cao hơn. Hãy để Không gian màu ở sRGB khi xuất bản lên web. Nếu bạn đang chuẩn bị bộ dự phòng cho phần tử <picture>, hãy giữ file AVIF gốc bên cạnh WebP, và khi trang không cần định dạng nào trong hai, chuyển AVIF sang PNG giữ mọi thứ không mất dữ liệu.
Câu hỏi về chuyển AVIF sang WebP
Vì sao phải chuyển AVIF sang WebP nếu AVIF nhẹ hơn?
Vì file nhẹ hơn chẳng có ích gì nếu không hiển thị được. Safari trước phiên bản 16.4, iPhone không cập nhật được quá iOS 15, Edge trước phiên bản 121 và nhiều hosting WordPress hoặc bỏ qua AVIF, hoặc chỉ xử lý được một phần. WebP chạy trên tất cả và vẫn nhẹ hơn JPG hay PNG rất nhiều.
Chuyển AVIF sang WebP có làm giảm chất lượng không?
AVIF có mất dữ liệu được mã hóa lại thành WebP có mất dữ liệu sẽ qua thêm một lượt nén, nên mất đi một chút chi tiết. Ở chất lượng 85, khác biệt trên ảnh chụp khó nhận ra. Chuyển AVIF có mất dữ liệu sang WebP không mất dữ liệu không lấy lại được chi tiết; nó chỉ làm file nặng hơn nhiều.
Khi nào nên đánh dấu Không mất dữ liệu khi chuyển AVIF sang WebP?
Khi bản thân file AVIF không mất dữ liệu, hoặc khi đó là đồ họa phẳng như logo, biểu đồ hay ảnh chụp giao diện. WebP không mất dữ liệu lưu những ảnh này chính xác và gọn. Với ảnh chụp, WebP có mất dữ liệu ở mức 80 đến 90 là thiết lập phù hợp.
AVIF trong suốt có còn trong suốt khi thành WebP không?
Có. Cả hai định dạng đều có kênh alpha đầy đủ, nên ảnh sản phẩm tách nền và logo giữ được nền trong suốt mà không cần màu lấp.
Vì sao WordPress từ chối file AVIF tôi tải lên?
WordPress hỗ trợ AVIF từ phiên bản 6.5 năm 2024, nhưng chỉ khi thư viện xử lý ảnh trên máy chủ đọc được nó. Trên WordPress cũ hơn hoặc hosting có bản GD hay Imagick không hỗ trợ AVIF, việc tải lên sẽ thất bại. WebP được chấp nhận từ phiên bản 5.8 và gần như hosting nào cũng xử lý được.
Có nên phục vụ cả AVIF và WebP cùng lúc không?
Có, nếu bạn kiểm soát được HTML: liệt kê AVIF trước và WebP sau trong phần tử <picture>, mỗi trình duyệt sẽ chọn định dạng đầu tiên nó hỗ trợ. Chuyển đổi cho bạn bản WebP dự phòng đó. Với ứng dụng không cần định dạng nào trong hai, hãy dùng chuyển AVIF sang JPG.