Chuyển WebP sang SVG
WebP được tạo từ điểm ảnh, còn SVG được tạo từ hình khối, nên không có cách chuyển đổi nào giữa hai định dạng mà không mất chi tiết. Trang này vẽ lại ảnh WebP của bạn thành các đường vector thật, có thể phóng to, đổi màu và dùng để cắt. Cách này hiệu quả nhất với logo, icon và hình minh họa phẳng.
Chuyển ảnh sang SVG
hoặc thả tệp JPG, JPEG, JFIF … 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 cao giữ lại các đốm nhỏ và kết cấu mịn; mức thấp bỏ các hình nhỏ hơn vài pixel và làm sạch nhiễu.
Mức cao bo tròn các cạnh răng cưa từ ảnh độ phân giải thấp hoặc JPG; mức thấp giữ góc sắc.
Đường cong mượt cho hầu hết ảnh, đoạn thẳng cho logo hình học, cạnh pixel để giữ pixel art dạng khối.
Chỉ dành cho tệp PDF đầu vào: các trang cần chuyển đổi, ví dụ 1 hoặc 1-3, 5. Mỗi trang thành một tệp riêng.
Cách sử dụng công cụ này
- 1
Tải lên file WebP
Thêm logo, biểu tượng hoặc sticker đã lưu từ website, tối đa 20 tệp, mỗi tệp 95 MB. Ảnh gốc càng lớn và càng sạch thì kết quả vector hóa càng tốt.
- 2
Chọn số lượng màu
Số màu mặc định là 12, đủ cho hầu hết logo. Hãy giảm xuống nếu logo chỉ có hai tông màu, hoặc đặt Chế độ màu thành Đen trắng để có tệp cắt một màu.
- 3
Vector hóa sang SVG
Nhấn Vector hóa sang SVG → rồi tải các tệp xuống. Mở chúng trong Inkscape, Illustrator, Figma hoặc Cricut Design Space để kiểm tra các hình khối.
Có thể thật sự chuyển WebP sang SVG không?
Chỉ bằng cách vector hóa. WebP lưu điểm ảnh, SVG lưu hình khối. Công cụ này vẽ lại các màu của ảnh WebP thành đường path vector; những cách chỉ đổi tên tệp hoặc nhúng ảnh bitmap sẽ cho ra SVG vẫn bị mờ khi phóng to.
Chuyển WebP sang SVG: vector hóa hay nhúng ảnh
WebP, do Google phát hành năm 2010, là định dạng raster: lưới các điểm ảnh có màu được nén để tải web nhanh. SVG, chuẩn W3C từ năm 2001, mô tả đường thẳng, đường cong và vùng tô màu bằng văn bản. Biến cái trước thành cái sau có thể làm theo hai cách rất khác nhau, và hầu hết công cụ miễn phí chọn cách không giúp ích cho bạn.
Nhúng ảnh tạo ra một SVG chứa WebP dưới dạng văn bản base64. Base64 làm ảnh phình thêm khoảng một phần ba, và kết quả vẫn là bitmap mang nhãn vector. Vector hóa, phương pháp dùng ở đây và trong tính năng Trace Bitmap của Inkscape (xây dựng trên thuật toán Potrace), đọc các vùng màu và ghi chúng thành path. Kết quả thật sự phóng to và chỉnh sửa được, đổi lại là mất bớt chi tiết nhỏ. Hướng dẫn chuyển ảnh sang SVG giải thích từng thiết lập vector hóa.
SVG vector hóa và SVG nhúng WebP: mỗi loại làm được gì
| SVG đã vector hóa | SVG bọc ảnh WebP | WebP gốc | |
|---|---|---|---|
| Sắc nét ở mọi mức phóng to | yes | no | no |
| Chỉnh sửa được hình khối trong Illustrator hoặc Inkscape | yes | no | no |
| Dùng được làm đường cắt cho Cricut hoặc laser | yes | no | no |
| Giữ chi tiết của ảnh chụp | no | yes | yes |
| Dung lượng thường gặp | Tăng theo độ chi tiết | Lớn hơn WebP khoảng ⅓ | Nhỏ nhất |
Giải mã WebP
Công cụ đọc điểm ảnh và kênh alpha; các vùng trong suốt được tách riêng.
Gom nhóm màu
Các điểm ảnh gần giống nhau được gộp lại thành Số màu mà bạn đã chọn.
Vẽ đường path
Mỗi vùng màu trở thành các đường cong đã làm mượt, được ghi thành SVG đã tối ưu.
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
SVG
Đồ họa vector SVG
SVG là định dạng vector dựa trên XML được W3C chuẩn hóa năm 2001. Thay vì điểm ảnh, SVG mô tả hình khối, đường path và văn bản, nên luôn sắc nét ở mọi kích thước và thường rất nhỏ với logo và biểu tượng. Định dạng hỗ trợ nền trong suốt, định kiểu bằng CSS, script và ảnh động, và mọi trình duyệt đều hiển thị nguyên bản. SVG không phù hợp cho ảnh chụp, và các hình minh họa phức tạp có thể hiển thị chậm. Illustrator, Inkscape, Figma và trình duyệt đều mở và chỉnh sửa được SVG.
- Nén
- –
- Độ trong suốt
- Có
- Ảnh động
- Có
- Ra mắt
- 2001 · W3C
Người ta tìm chuyển WebP sang SVG khi logo hoặc biểu tượng lưu từ website cần phóng to không vỡ, chỉnh sửa được hoặc cắt được, điều chỉ có vector hóa mới làm được; chiều ngược lại chỉ là chuyển sang ảnh điểm cho web.
Tạo SVG sạch từ ảnh WebP lưu từ trang web
Hầu hết tệp WebP mà người ta muốn chuyển thành vector đều tải từ một website, nghĩa là đã được thu nhỏ cho trang web và nén có mất dữ liệu. Nhiễu do nén quanh các cạnh biến thành những hình lạc nhỏ xíu, và ảnh nhỏ khiến công cụ có quá ít điểm ảnh để tìm ra đường cong mượt. Hãy bắt đầu từ bản lớn nhất bạn tìm được; trang báo chí hoặc trang thương hiệu của website thường có bản lớn hơn hoặc SVG gốc.
Hãy giữ Làm mượt ở mức mặc định với logo có đường cong, và đặt Đường cong thành Đường thẳng với các biểu tượng hình học có cạnh thẳng. Sau khi vector hóa, hãy xóa các đốm thừa trong trình chỉnh sửa. Nếu bạn chỉ cần ảnh mở được ở nơi khác chứ không cần phóng to, chuyển WebP sang PNG là cách nhanh và chính xác hơn.
Câu hỏi thường gặp về chuyển WebP sang SVG
Vì sao các công cụ chuyển WebP sang SVG khác cho ra file bị mờ?
Nhiều công cụ chỉ nhúng ảnh WebP vào bên trong SVG như một ảnh nhúng rồi đổi phần mở rộng. Tệp vẫn mở được như SVG nhưng bản chất vẫn là điểm ảnh, nên bị mờ khi phóng to và không có hình khối nào để chỉnh sửa. Hãy mở tệp bằng trình soạn thảo văn bản: nếu thấy một chuỗi data:image dài thì nghĩa là ảnh chưa được vector hóa.
Có thể chuyển ảnh chụp WebP sang SVG không?
Bạn có thể, nhưng kết quả trông như áp phích: các dải chuyển màu mượt và tông màu da biến thành những mảng màu phẳng. Ảnh chụp vốn phù hợp với các định dạng raster. Hãy giữ ảnh ở dạng WebP, JPG hoặc PNG, và chỉ vector hóa phần logo, đường viền hoặc hình minh họa mà bạn thật sự cần ở dạng vector.
Nền trong suốt của ảnh WebP có được giữ nguyên không?
Có. Các điểm ảnh trong suốt không tạo ra hình khối nào, nên SVG không có gì phía sau phần hình đã vector hóa. Thường đó chính là điều bạn muốn với sticker hoặc logo đặt trên nền màu.
Nên dùng bao nhiêu màu khi vector hóa logo WebP?
Hãy đếm số màu phẳng bạn nhìn thấy rồi cộng thêm hai hoặc ba màu cho các cạnh khử răng cưa. Logo hai màu vector hóa gọn ở mức 4; hình minh họa linh vật có thể cần 16 đến 24. Quá nhiều màu sẽ tạo ra những mảnh hình mỏng dọc theo mọi cạnh.
Có dùng được file SVG với máy Cricut hoặc máy cắt laser không?
Được, đó là một trong những lý do chính để vector hóa. Cricut Design Space nhập SVG thành các lớp riêng theo từng màu, còn phần mềm cắt laser đọc các đường path như đường cắt hoặc đường khắc. Hãy dùng Đen trắng cùng Chỉ đường viền khi bạn cần một đường cắt duy nhất.
Vì sao file SVG sau khi vector hóa trông gồ ghề so với logo gốc?
Các tệp WebP độ phân giải thấp từ website thường chỉ rộng 100 đến 200 px, nên công cụ phải đoán đường cong từ vài điểm ảnh. Hãy tìm bản logo lớn hơn, hoặc phóng to trước bằng tăng kích thước ảnh, rồi vector hóa lại.
- Chuyển PNG sang SVG miễn phíChuyển PNG sang SVG miễn phí, không cần tài khoản: vector hóa logo, icon và nét vẽ thành đường path co giãn được. Chọn màu, thang xám hoặc đen trắng và số màu.
- Chuyển JPG sang SVGChuyển JPG sang SVG bằng cách dò ảnh thành các hình vector chỉnh sửa được, không chỉ bọc điểm ảnh. Tùy chỉnh số màu, độ mượt và xóa nền.
- Chuyển AVIF sang SVGĐặt ảnh AVIF vào trong file SVG cho công cụ chỉ nhận SVG, và biết khi nào cần vector hóa thật sự. Mỗi lượt 20 file, file bị xóa sau 30 phút.
- Chuyển ảnh chụp sang SVGChuyển ảnh chụp sang SVG thành tranh vector màu phẳng để làm stencil, khắc laser, decal vinyl và in lụa. Ít màu, đường cong mượt, đã xóa nền.
- Chuyển WebP sang PNGChuyển WebP sang PNG mà không mất nền trong suốt. Logo, sticker, ảnh tách nền giữ nguyên viền trong suốt; WebP động cho khung đầu hoặc mọi khung hình.
- Chuyển SVG sang WebPChuyển SVG sang WebP theo chiều rộng trang cần, giữ nền trong suốt. Xuất lossy hoặc lossless cho WordPress, ảnh mạng xã hội và hình minh họa.