SVG sang WebP
Chuyển tệp SVG thành ảnh WebP nhẹ, tải nhanh hơn PNG hay JPG mà vẫn giữ cạnh sắc nét và độ trong suốt. Rất hợp cho icon và logo hiển thị trên web.
Kéo thả tệp SVG vào đây
hoặc bấm để chọn tệp
Chuyển hình vector SVG thành WebP, định dạng cho tệp nhỏ hơn PNG hay JPG ở cùng chất lượng hiển thị mà vẫn giữ cạnh sắc và độ trong suốt. Chính sự kết hợp đó khiến nó thành lựa chọn mặc định cho biểu tượng và logo trên một website hiện đại.
WebP được mọi trình duyệt hiện hành hỗ trợ, nên nỗi lo về tương thích phần lớn chỉ còn tính lịch sử. Nếu bạn vẫn phải phục vụ những ứng dụng rất cũ, hãy giữ một bản PNG dự phòng; còn lại thì WebP đơn giản là tệp tốt hơn.
Cách chuyển SVG sang WebP
Chọn một tệp .svg
Đặt kích thước đầu ra và chất lượng
Tải tệp WebP về
Câu hỏi thường gặp
WebP có được hỗ trợ ở mọi nơi không?
Có, ở Chrome, Firefox, Safari và Edge hiện hành, kể cả trên di động. Chỉ những trình duyệt rất cũ mới cần bản dự phòng PNG hoặc JPG.
WebP có nhỏ hơn PNG không?
Với hầu hết hình ảnh thì nhỏ hơn rõ rệt - thường nhỏ hơn 25-50% ở cùng chất lượng hiển thị, và vẫn giữ được độ trong suốt ở những chỗ PNG sẽ nặng hơn.
WebP có làm hoạt hình được không?
Định dạng này hỗ trợ hoạt hình, nhưng công cụ chuyển đổi này chỉ tạo ra một ảnh tĩnh từ tệp SVG của bạn.
Làm sao dùng nó trên website của tôi?
Hãy tham chiếu nó như mọi hình ảnh khác - một tệp .webp trong thẻ <img> dùng được ngay, và những trình duyệt hỗ trợ sẽ tự động dùng nó.
Các trình chỉnh sửa ảnh có mở được không?
Các phiên bản hiện hành của Photoshop, GIMP, Affinity và hầu hết trình soạn mã đều xử lý được WebP. Những công cụ rất cũ có thể không mở được, và đó là lý do chính để giữ một bản PNG.
Tệp của tôi có bị tải lên không?
Không, việc chuyển đổi diễn ra cục bộ trong trình duyệt của bạn.
Tổng quan nhanh
| Đầu vào | SVG |
|---|---|
| Nhiều tệp cùng lúc | Không |
| Chạy ở đâu | Ngay trong trình duyệt - tệp không bao giờ bị tải lên |
| Dùng được ngoại tuyến | Có — sau khi trang đã tải xong |
| Giá | Miễn phí, không đăng ký, không hình mờ |
Nên chọn định dạng đầu ra nào
Nếu bạn bắt đầu từ một tệp SVG và cần một ảnh bitmap, PNG gần như luôn là câu trả lời đúng: nó giữ độ trong suốt, không có vết nén quanh cạnh và chữ, và vẫn sắc nét nếu bạn kết xuất ở gấp hai hay ba lần kích thước hiển thị. Chỉ chọn JPG khi bạn cần tệp nhỏ nhất có thể và không có độ trong suốt hay chi tiết mịn nào cần bảo vệ, đồng thời nhớ rằng nó hoàn toàn không biểu diễn được độ trong suốt - những vùng trong suốt sẽ thành trắng hoặc đen. Chọn WebP khi ảnh sẽ được đưa lên website và bạn muốn cả độ trong suốt lẫn tệp nhỏ hơn. Dù chọn định dạng nào, hãy xuất ở độ phân giải cao hơn mức bạn nghĩ là cần: thu nhỏ một bản kết xuất lớn và sạch luôn trông đẹp hơn phóng to một bản nhỏ.
Ghi chú thực tế cho đầu ra SVG
SVG là văn bản, nên nó phóng theo độ phân giải bạn chọn khi xuất: kết xuất ở gấp 2 hoặc 3 lần kích thước hiển thị dự định sẽ giữ nó sắc nét trên màn hình mật độ cao. Vì là văn bản, nó cũng nén và lưu đệm tốt, đồng thời có thể tạo kiểu bằng CSS và làm hoạt hình. Có hai điều cần lưu ý: chữ trong một tệp SVG phụ thuộc vào việc các phông chữ có sẵn hay không, nên chuyển chữ thành đường viền sẽ tạo ra một tệp trông giống hệt nhau ở mọi nơi nhưng không còn chọn hay tìm kiếm được nữa; và SVG có thể chứa script cùng các tham chiếu bên ngoài, đó là lý do các biểu mẫu tải lên và trình thư điện tử thường từ chối chúng.