Chuyển SVG sang WebP
WebP cho bạn bản sao raster nhẹ nhất của đồ họa vector mà vẫn giữ được độ trong suốt — tiện cho thẻ xem trước mạng xã hội, ảnh thu nhỏ của bộ biểu tượng và những nơi kết xuất SVG kém hoặc chặn nó vì lý do bảo mật. Kết xuất ở 2× cho giao diện thông thường; các mảng màu phẳng của vector nén cực gọn.
Cũng hữu ích: Chuyển SVG sang PNG
Cách hoạt động
Kéo SVG vào — bộ kết xuất rasterize chúng cục bộ từ kích thước đã ghi trong tệp.
Đặt tỉ lệ (1–4×, mặc định 2×) cho độ phân giải đầu ra và để chất lượng quanh mức 85; các mảng màu phẳng của vector nén rất gọn ở đó.
Lấy từng WebP riêng lẻ hoặc cả bộ gộp trong một tệp ZIP — với alpha được giữ nguyên.
SVG vs WebP
Một WebP đã kết xuất từ bỏ tất cả những gì làm nên SVG — khả năng phóng to, viền sạch ở mọi mức zoom, chữ chỉnh sửa được — để đổi lấy đúng một điều: nó tải được ở nơi SVG bị chặn. Thẻ mạng xã hội, sàn thương mại và ứng dụng email chính là nơi đó. Còn website của chính bạn thì vẫn nên phục vụ vector.
| SVG | WebP | |
|---|---|---|
| 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ó |
| 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 (từ 2020) |
| Phù hợp nhất cho | Logo, biểu tượng, hình minh họa | Ảnh cho web: ảnh chụp, ảnh thu nhỏ, tài nguyên giao diện |
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 đó.
Với chính website của bạn thì SVG thường đúng là hoàn hảo. Bản sao raster là dành cho mọi nơi khác: thẻ mạng xã hội, sàn thương mại, ứng dụng email và các CMS cắt bỏ hoặc chặn SVG (nó có thể chứa script, nên nhiều nền tảng từ chối thẳng). WebP là bản thay thế gọn nhẹ và an toàn.
Có — WebP có kênh alpha 8 bit đầy đủ, nên bóng đổ mềm và các viền đã khử răng cưa từ bản kết xuất vector đều còn nguyên vẹn. Kết hợp với dung lượng nhỏ, đây là bản thay thế raster tốt nhất cho đồ họa vector trong suốt.
Trên những trang bạn kiểm soát, hãy phục vụ SVG: với đồ họa đơn giản nó nhẹ hơn, sắc nét ở mọi mức zoom và tạo kiểu được bằng CSS. Hãy phục vụ WebP ở nơi SVG bị chặn hoặc rủi ro — nội dung do người dùng đăng, email, thẻ mạng xã hội, sàn thương mại — vì SVG có thể mang script và nhiều nền tảng cắt bỏ nó ngay từ đầu.
Có hai. Nếu đồ họa về sau sẽ được chỉnh sửa hoặc phóng to, hãy xuất bằng Chuyển SVG sang PNG — WebP ở chất lượng 85 nướng sẵn một chút mất mát mà người chỉnh sau này không thể hoàn tác. Và nếu tệp đi tới nhà in hay phần mềm văn phòng, ở đó không đón cả WebP lẫn SVG; những chuỗi đó cần JPG hoặc PNG. WebP là cho pixel sẽ hiển thị trong trình duyệt, chỉ vậy thôi.
Công cụ liên quan
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 SVG sang AVIF
Chuyển SVG sang AVIF ngay trong trình duyệt — miễn phí, riêng tư, không tải lên. Raster hóa vector ở tỉ lệ 1–4× thành AVIF nhỏ xíu, giữ trọn kênh alpha.
Chuyển PNG sang WebP
Chuyển PNG sang WebP ngay trong trình duyệt — miễn phí, không tải tệp lên và không cần đăng ký. Giữ nguyên độ trong suốt alpha, dung lượng giảm 60–90%.
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.