Không. Cả năm mức chất lượng đều dùng mã hóa WebP mất dữ liệu. Chọn riêng chế độ Không mất dữ liệu để tránh mất dữ liệu ở bước mã hóa đó. Cả hai chế độ đều không giữ vector có thể chỉnh sửa hoặc đảm bảo kết quả khớp với mọi trình xem SVG; kết xuất diễn ra trước khi mã hóa WebP.
Chuyển SVG sang WebP
Chuyển một tệp SVG tối đa 20 MB thành WebP tĩnh cho nơi chấp nhận ảnh WebP. Tùy chọn đặt kích thước, giữ tỷ lệ gốc và chọn mã hóa mất dữ liệu hoặc không mất dữ liệu. Kết quả là ảnh pixel; hãy giữ SVG để chỉnh sửa và sử dụng thiết kế có thể co giãn theo tỷ lệ.
Công cụ chuyển SVG sang WebP này làm được gì
Công cụ này kết xuất SVG thành ảnh WebP có kích thước cố định. Công cụ thay đổi định dạng ảnh, không chỉ tên tệp. Dùng cho ảnh website, bản xem trước hoặc nội dung tải lên cần WebP; đầu ra không giữ đường nét có thể chỉnh sửa, văn bản còn ở dạng chữ hoặc hoạt ảnh SVG.
Trước tiên hãy kiểm tra định dạng mà nơi sử dụng chấp nhận. Yêu cầu ảnh raster không tự động có nghĩa là chấp nhận WebP. Dùng SVG sang PNG để tạo bản sao PNG, hoặc SVG sang JPG khi cần JPEG có nền trắng.
| Cài đặt | Thay đổi | Khi nào nên dùng |
|---|---|---|
| Tải lên .svg | Chấp nhận tệp nguồn SVG | Tải lên tệp SVG hợp lệ; PNG hoặc tệp khác được đổi tên không phải SVG |
| Chiều rộng và chiều cao | Cho ảnh đã kết xuất nằm vừa trong kích thước tùy chọn, đồng thời giữ tỷ lệ | Đặt một chiều cố định hoặc khung giới hạn; công cụ không kéo giãn hay cắt ảnh để lấp đầy khung |
| Nén mất dữ liệu | Đánh đổi chi tiết nhìn thấy để nén ảnh; không đảm bảo tệp nhỏ hơn | Dùng cho ảnh website thông thường và ảnh xem trước |
| Chất lượng và dung lượng tệp | Điều chỉnh mức nén WebP mất dữ liệu | Bắt đầu với mức đặt sẵn “Cân bằng” |
| Nén không mất dữ liệu | Tránh nén WebP mất dữ liệu | Dùng cho biểu tượng, logo, đồ họa giao diện hoặc viền sắc nét |
Cách chuyển SVG sang WebP trực tuyến
1
Tải lên tệp SVG
Chọn hoặc kéo thả một tệp SVG tối đa 20 MB. Khi chọn tệp, quá trình tải lên để xử lý trên máy chủ bắt đầu. Chờ tải lên xong và kiểm tra đã chọn đúng nguồn; bản xem trước trong trình duyệt không đảm bảo bản kết xuất trên máy chủ giống hệt.
2
Đặt kích thước đầu ra WebP
Để trống cả hai ô để dùng kích thước nội tại của SVG theo cách bộ kết xuất xác định. Nhập một chiều để tính chiều kia theo tỷ lệ, hoặc cả hai để ảnh nằm vừa trong hình chữ nhật mà không bị cắt xén hay kéo giãn. Nguồn 1200×800 đặt vừa trong khung 600×600 sẽ thành 600×400, không phải hình vuông.
- •Mỗi ô tùy chọn chấp nhận 1–16.383 px, và cả hai chiều đầu ra cuối cùng đều phải nằm trong 16.383 px. Để trống cả hai hoặc chỉ nhập một chiều không bỏ qua được giới hạn này. Với chiều rộng hiển thị 300 px, 600 px là lựa chọn xuất 2×, không phải cải thiện được đảm bảo cho mọi nguồn.
3
Chọn chế độ nén và chất lượng
Chế độ mất dữ liệu có năm mức đặt sẵn: Nén mạnh, Nén vừa, Cân bằng, Chất lượng cao và Chất lượng cao nhất. Cân bằng là mặc định. Ngay cả Chất lượng cao nhất cũng dùng mã hóa mất dữ liệu; hãy kiểm tra nét mảnh, vùng chuyển màu và chữ trong kết quả thay vì xem tên mức chất lượng là một cam kết.
- •Chọn riêng chế độ Không mất dữ liệu để tránh mã hóa WebP mất dữ liệu; chế độ này sẽ ẩn bộ chọn chất lượng. Chế độ này không sửa khác biệt khi kết xuất hoặc giữ đường nét vector, phông chữ, liên kết, siêu dữ liệu nguồn hay khả năng thu phóng không giới hạn. Đầu ra là ảnh 8-bit.
4
Chuyển đổi và kiểm tra WebP tải về
Nhấn Chuyển sang WebP và tải ảnh đã xử lý xong. So sánh kích thước, chữ, màu sắc, viền trong suốt và dung lượng tệp với thiết kế mong muốn. Thử tệp trong ứng dụng đích trước khi thay ảnh đang dùng tốt, và giữ SVG gốc.
Kết xuất SVG, độ trong suốt và chất lượng
SVG lưu hình dạng, đường nét, văn bản và kiểu định dạng; WebP lưu các pixel đã kết xuất. Kiểm tra những đặc tính này trước khi chọn cài đặt xuất.
| Câu hỏi | Kết quả dự kiến |
|---|---|
| Đầu ra có còn là vector không? | Không. Tệp WebP là ảnh raster có kích thước pixel cố định. |
| WebP có thể giữ độ trong suốt không? | Các vùng trong suốt sẵn có có thể được giữ nguyên. Hình trắng hoặc có màu đã được vẽ phía sau thiết kế là một phần của ảnh và sẽ không bị xóa. |
| Chế độ không mất dữ liệu có giữ chất lượng SVG không? | Không mất dữ liệu áp dụng cho mã hóa WebP sau khi kết xuất. Chế độ này không giữ cấu trúc SVG hoặc đảm bảo bộ kết xuất trên máy chủ cho kết quả giống trình duyệt hay ứng dụng thiết kế. |
| Phông chữ có luôn giống nhau không? | Phông chữ có trên thiết bị có thể không có trên máy chủ. Hãy chuyển phần chữ quan trọng thành đường nét trong trình chỉnh sửa nguồn khi cần giữ chính xác hình thức. |
| CSS bên ngoài hoặc ảnh liên kết có được kết xuất không? | Tài nguyên liên kết hoặc kiểu định dạng không được hỗ trợ có thể bị thiếu hoặc hiển thị khác. Xuất SVG chứa đầy đủ ảnh cần thiết và các kiểu định dạng quan trọng ngay trong tệp; kiểm tra mặt nạ và bộ lọc trong bản tải về. |
Chuẩn bị viewBox rõ ràng và ranh giới vùng vẽ đúng ý định. Khoảng trong suốt bên trong vùng vẽ SVG vẫn là một phần của ảnh; đổi kích thước không cắt bỏ khoảng đó. Máy chủ kết xuất ảnh tĩnh, không phát hoạt ảnh hoặc thực thi mã lệnh để tái tạo trạng thái tương tác trong trình duyệt.
Khi nào nên dùng WebP thay cho SVG
Bản sao WebP có thể phù hợp với các vị trí hiển thị kích thước cố định sau. Hãy kiểm tra yêu cầu về định dạng, kích thước pixel và dung lượng tệp của nơi sử dụng.
Tải lên CMS
Dùng bản sao WebP khi CMS chấp nhận WebP nhưng không chấp nhận SVG; các giới hạn về dung lượng tải lên và kích thước vẫn áp dụng.
Ảnh xem trước trên mạng xã hội
Kiểm tra quy định về ảnh xem trước của nền tảng chia sẻ. Chỉ dùng WebP nếu được chấp nhận; nếu không, hãy xuất PNG hoặc JPG được hỗ trợ.
Đồ họa email
Xác nhận công cụ soạn email và ứng dụng email của người nhận hỗ trợ WebP. Nếu quy trình yêu cầu PNG hoặc JPG, hãy xuất định dạng đó.
Ảnh website
Bản sao WebP có thể phù hợp với thiết kế được hiển thị ở kích thước đã biết. So sánh hình ảnh và dung lượng thực tế trước khi thay thế SVG.
Hình ảnh cho ứng dụng hoặc sàn giao dịch
Kiểm tra chính xác yêu cầu về định dạng và pixel. Chỉ yêu cầu ảnh raster không đủ để xác nhận WebP được chấp nhận.
Bản xem trước khi bàn giao thiết kế
Chia sẻ bản xem trước tĩnh với người duyệt có công cụ xem hỗ trợ WebP, đồng thời giữ SVG để thay đổi thiết kế sau này.
Giữ SVG làm tệp nguồn và xuất các bản WebP cho nơi cần đầu ra raster. Nếu đang xây dựng hệ thống biểu tượng thích ứng theo kích thước màn hình hoặc cần chỉnh sửa hình dạng sau này, SVG vẫn có thể phù hợp hơn làm định dạng gốc.
Chọn cài đặt phù hợp nhất để chuyển SVG sang WebP
Cài đặt phù hợp nhất phụ thuộc vào thiết kế và nơi WebP sẽ được sử dụng. Biểu tượng phẳng rất nhỏ, hình minh họa nhiều chi tiết và đồ họa phủ toàn chiều rộng website không cần cùng lựa chọn xuất.
| Mục tiêu đầu ra | Cài đặt gợi ý | Lý do |
|---|---|---|
| Biểu tượng website | Chiều rộng hiển thị hoặc 2× chiều rộng đó, không mất dữ liệu | Tránh mã hóa mất dữ liệu ở viền; kiểm tra kết quả raster thực tế |
| Bản xem trước logo | 2x kích thước hiển thị, không mất dữ liệu hoặc “Chất lượng cao” hay “Chất lượng cao nhất” | Giúp đường cong và hình dạng giống chữ giữ được độ sắc nét |
| Hình minh họa lớn | Chiều rộng hiển thị mục tiêu, “Cân bằng” hoặc “Chất lượng cao” | Cân bằng giữa chi tiết và dung lượng tệp |
| Ảnh thu nhỏ dung lượng nhẹ | Kích thước nhỏ hơn, “Nén mạnh”, “Nén vừa” hoặc “Cân bằng” | Có thể giảm dung lượng; kiểm tra số byte tải về và chi tiết nhìn thấy |
| Lớp phủ trong suốt | WebP có độ trong suốt, “Cân bằng” hoặc mức chất lượng cao hơn hay không mất dữ liệu | Giữ nền trong suốt đồng thời kiểm soát mức nén |
Chọn kích thước theo vị trí hiển thị thực tế, không phải giá trị lớn nhất có thể nhập. Phóng to ảnh bitmap nhúng trong SVG không thể khôi phục chi tiết bị thiếu của chúng. Nếu vấn đề là khoảng trống, hãy chỉnh vùng vẽ SVG hoặc viewBox trong trình chỉnh sửa nguồn; tăng chất lượng không xóa được khoảng trống.
Xử lý tệp và các giới hạn thực tế
Chọn một tệp SVG tối đa 20 MB sẽ bắt đầu tải lên để xử lý trên máy chủ. Giới hạn 20 MB tính theo dung lượng tệp; 16.383 px mỗi chiều đầu ra tính theo kích thước ảnh. Tệp SVG nhỏ vẫn có thể mô tả vùng vẽ quá lớn hoặc chứa nội dung mà bộ kết xuất không xử lý được.
Quy trình này xuất một WebP tĩnh từ tệp tải lên. Không có ô nhập mã SVG, trình chỉnh sửa vector, ghi hoạt ảnh hoặc chọn thời điểm khung hình. Để dùng mã SVG, trước tiên hãy lưu thành tệp .svg đầy đủ và hợp lệ; giữ các kiểu định dạng và tài nguyên ảnh cần thiết ngay trong tệp đó.
Hãy tải WebP xuống ngay khi có vì tệp tải lên và tệp được tạo đều là tệp tạm. Giữ SVG để chỉnh sửa sau này.
Những lỗi thường gặp cần tránh
Đổi đuôi .svg thành .webp
Thay đổi phần mở rộng của tên tệp không chuyển SVG sang WebP. Việc chuyển đổi thực sự phải kết xuất SVG và mã hóa kết quả thành tệp ảnh WebP.
Mong WebP vẫn chỉnh sửa được như SVG
WebP tải về là ảnh pixel. Bạn không thể chỉnh sửa đường nét, hình dạng hoặc chữ giống như trong SVG gốc. Hãy giữ SVG làm nguồn có thể chỉnh sửa.
Xem chế độ không mất dữ liệu là cam kết giữ vector
Không mất dữ liệu là lựa chọn mã hóa WebP. Chế độ này không thể khôi phục vector, bổ sung phông chữ bị thiếu, sửa tính năng SVG không được hỗ trợ hoặc hoàn tác các lựa chọn kết xuất và đổi kích thước trước đó. Hãy kiểm tra ảnh xuất ra ngay cả khi dùng chế độ không mất dữ liệu.
Phụ thuộc vào phông chữ hoặc CSS bên ngoài
Bản xem trước của nguồn tải lên và bản kết xuất trên máy chủ có thể dùng tài nguyên và tính năng kết xuất khác nhau. Đưa ảnh và kiểu định dạng cần thiết vào SVG, chuyển chữ quan trọng thành đường nét và kiểm tra tệp tải về thay vì chỉ dựa vào bản xem trước.
Xuất WebP quá lớn
Chọn kích thước đầu ra theo mục đích sử dụng cuối cùng. WebP quá lớn có thể lãng phí dung lượng hoặc vượt giới hạn của nơi nhận, trong khi SVG đơn giản có thể vốn đã nhỏ hơn. Đổi kích thước giữ toàn bộ vùng vẽ SVG, kể cả khoảng trống sẵn có.
Câu hỏi thường gặp
Các giá trị xác định khung giới hạn. Ảnh giữ nguyên tỷ lệ, nên 1200×800 đặt vừa trong khung 600×600 sẽ thành 600×400. Ảnh không bị cắt xén hoặc kéo giãn thành hình vuông. Chỉ nhập một chiều khi đó là kích thước cố định cần dùng.
Máy chủ có thể thiếu phông chữ hoặc tài nguyên mà bản xem trước sử dụng, và một số tính năng SVG được kết xuất khác nhau. Hãy xuất SVG chứa đầy đủ tài nguyên, chuyển chữ quan trọng thành đường nét và kiểm tra mặt nạ cùng bộ lọc. Tăng chất lượng WebP không khắc phục nội dung nguồn bị thiếu.
Không. Các vùng trong suốt sẵn có có thể được giữ nguyên, kể cả với WebP mất dữ liệu. Hình chữ nhật trắng hoặc nền khác đã vẽ trong SVG vẫn là một phần của ảnh. Hãy xóa nền đó trong trình chỉnh sửa nguồn trước khi xuất nếu cần độ trong suốt.
Không. Trang này tạo bản kết xuất tĩnh; không ghi hoạt ảnh, chạy mã lệnh hoặc cung cấp bộ chọn thời điểm hay khung hình. Hãy chuẩn bị SVG tĩnh chứa đúng trạng thái mong muốn, hoặc dùng riêng một quy trình xuất hoạt ảnh.
Dung lượng tệp chỉ là một giới hạn. Bộ kết xuất phải đọc được SVG, và cả hai chiều đầu ra đều phải nằm trong 16.383 px. Tệp nhỏ có thể mô tả vùng vẽ rất lớn; nội dung bị thiếu hoặc không được hỗ trợ cũng có thể khiến kết quả không như mong đợi. Hãy kiểm tra nguồn và chọn kích thước phù hợp.
Trang này không có ô nhập mã. Hãy lưu mã đánh dấu SVG đầy đủ thành tệp .svg hợp lệ rồi tải lên. Đổi tên một ảnh không liên quan hoặc đoạn văn bản chưa hoàn chỉnh không biến nó thành SVG dùng được.
SVG đơn giản có thể mô tả hình dạng với rất ít dữ liệu, còn WebP lưu ảnh raster. Kích thước, thiết kế và chế độ mã hóa quyết định dung lượng tệp. Hãy so sánh bản tải về; không có dung lượng KB mục tiêu chính xác hoặc cam kết WebP sẽ nhỏ hơn.