Chuyển SVG sang AVIF
AVIF tạo ra bản sao raster nhẹ nhất của vector mà vẫn giữ độ trong suốt: các mảng màu phẳng và vùng chuyển màu sạch nén cực tốt. Hãy chọn tỉ lệ (1–4×) theo độ phân giải bạn cần. Ở đây tôi để mặc định chất lượng 70 chứ không phải 60, vì cạnh vector sắc gọn lộ nhiễu nén sớm hơn ảnh chụp.
Cũng hữu ích: Chuyển SVG sang WebP
Cách hoạt động
Thả các tệp SVG vào và chọn tỉ lệ xuất từ 1× tới 4×; nó nhân với kích thước ghi trong chính SVG.
Vector được vẽ ra pixel trước, rồi mã hóa thành AVIF ở chất lượng 70 — cao hơn mức ảnh chụp một bậc, để bảo vệ các cạnh.
Phóng to bản xem trước ở nét mảnh và chữ nhỏ trước khi xác nhận, rồi lưu từng AVIF hoặc cả bộ trong một gói ZIP.
SVG vs AVIF
Vector đấu với một bộ mã raster thực ra là câu hỏi về nơi đến: trên website của chính bạn, SVG thắng khỏi bàn, nhưng ở những nơi cấm vector, AVIF tạo ra bản thế thân trung thực và nhẹ nhất với kênh alpha nguyên vẹn. Chất lượng 70 giấu gần hết điểm yếu duy nhất của nó — những nét mảnh bị làm mềm.
| SVG | AVIF | |
|---|---|---|
| Nén | Vector (văn bản XML) | Có hoặc không mất dữ liệu |
| Độ trong suốt | Có (alpha đầy đủ) | Có (alpha đầy đủ) |
| Ảnh động | Có (CSS/SMIL) | Có (hiếm khi dùng) |
| Hỗ trợ | Mọi trình duyệt; thường bị các biểu mẫu tải lên từ chối | Mọi trình duyệt hiện hành (Safari từ 16.4, 2023) |
| Phù hợp nhất cho | Logo, biểu tượng, hình minh họa | Ảnh bìa và trang nhiều ảnh |
Câu hỏi thường gặp
Không — cả trang web này sinh ra là vì điều đó. Toàn bộ việc chuyển đổi chạy ngay trong trình duyệt của bạn qua WebAssembly: tệp không rời khỏi thiết bị, và không có máy chủ nào tham gia vào quá trình này. Sau khi trang đã tải xong, công cụ vẫn chạy được ngay cả khi mất mạng, còn giới hạn kích thước tệp chỉ phụ thuộc vào bộ nhớ thiết bị của bạn.
SVG là định dạng vector: nó không có kích thước pixel cố định, nên độ phân giải của kết quả là do bạn chọn. Tỉ lệ nhân với kích thước ghi trong SVG: một biểu tượng 100×100 khi xuất ở mức 3× sẽ thành ảnh 300×300. Kết quả được vẽ ra từ vector, nên ở bất kỳ tỉ lệ nào ảnh vẫn sắc nét hoàn hảo — hãy chọn luôn kích thước phù hợp với nhu cầu, thay vì phóng to ảnh sau đó.
Khi nơi đến là web và số byte có ý nghĩa: ảnh thu nhỏ của bộ biểu tượng, thẻ chia sẻ mạng xã hội, ảnh xem trước trên các nền tảng chặn SVG. Nếu cần cạnh hoàn hảo từng pixel bằng mọi giá thì PNG vẫn là bản xuất an toàn nhất; còn với mọi đích hướng web, AVIF thường chỉ nặng bằng một phần nhỏ của PNG.
Có: AVIF mang trọn kênh alpha, nên các vùng chưa tô của SVG vẫn thật sự trong suốt, kể cả các cạnh đã khử răng cưa. Logo và biểu tượng đặt lên nền nào cũng không sinh quầng sáng.
Website của bạn nên phục vụ SVG: sắc nét vô hạn, dung lượng tối thiểu, tạo kiểu qua CSS. AVIF raster dành cho những nơi từ chối vector: thẻ xem trước, sàn thương mại, dịch vụ lưu huy hiệu, email. Câu hỏi thật sự không phải «cái nào»: hãy giữ SVG làm bản chuẩn và xuất các bản AVIF may đo cho từng nơi.
Khi tác phẩm chủ yếu là nét mảnh và chữ nhỏ: nén mất dữ liệu làm mềm chúng đầu tiên, và ở chất lượng 70 điều đó có thể thấy được. Chuyển SVG sang PNG giữ mọi cạnh sắc gọn về mặt toán học, và với các biểu tượng phẳng đơn giản thì gần như chẳng nặng hơn AVIF là bao. AVIF vươn lên khi ảnh lớn và nhiều vùng chuyển màu.
Công cụ liên quan
Chuyển SVG sang WebP
Chuyển SVG sang WebP ngay trong trình duyệt — miễn phí, riêng tư, không tải lên. Bản raster nhỏ, sắc nét của vector với alpha đầy đủ, chọn tỉ lệ 1–4×.
Chuyển SVG sang PNG
Chuyển SVG sang PNG ngay trong trình duyệt — miễn phí, riêng tư, không tải lên. Chọn tỉ lệ xuất 1–4× cho biểu tượng, logo sắc nét ở mọi kích thước, giữ alpha.
Chuyển PNG sang AVIF
Chuyển PNG sang AVIF ngay trong trình duyệt — miễn phí, không tải lên. Độ trong suốt được giữ nguyên, dung lượng thường giảm 80–95% so với bản PNG gốc.
Chuyển SVG sang ICO (favicon)
Chuyển SVG sang ICO ngay trong trình duyệt — miễn phí, không tải lên. Nguồn favicon tốt nhất từng có: vector vẽ sắc như pixel ở 48, 32 và 16 px trong một tệp.