Convert WebP to SVG
WebP is what most sites serve now, so it is what you end up with when you save an image. Trace it into SVG paths here, in the tab, with no upload.
- 입력
- WebP
- 출력
- SVG
- 엔진
- WASM, 여러분의 탭에서
- 가격
- 무료 미리보기
이미지를 여기에 놓거나 붙여넣으세요
이미지는 업로드되지 않습니다. 이 탭에서 트레이싱됩니다.전체 변환기 열기
프리셋
- 01로고 — 이 페이지에 설정됨16색
- 02선화흑백
- 03사진64색
- 04자수8색 · 컷아웃형
- 05비닐4색 · 컷아웃형
- 06레이저흑백 · 폴리곤
- 출력 · SVG · PDF · EPS · DXF
- 미리보기 무료 · 다운로드는 Pro 월 €9.00
- 파일이 이 탭 안에 머뭅니다
vectortrace를 선택하는 이유
- 전표 1 / 3
브라우저 내 실행, 완전한 비공개
엔진은 여러분의 기기에서 워커로 실행되는 WebAssembly입니다. 이미지는 업로드되지 않으므로 유출될 것도, 삭제할 것도, 믿고 맡길 것도 없습니다.
- 전표 2 / 3
감싼 것이 아니라 편집 가능한 패스
엔진은 이미지를 색상 영역으로 그룹화하고, 그 경계를 추출해 곡선을 피팅합니다. 결과물은 실제 지오메트리입니다 — 영역마다 하나의 채우기, 여러분이 직접 옮길 수 있는 모든 노드 — 탭 안에서 만들어지며 서버에서는 결코 만들어지지 않습니다.
- 전표 3 / 3
인쇄와 생산 현장에서 쓰는 형식
아트워크용 SVG와 PDF, 커터·조각기·자수 소프트웨어용 EPS와 DXF. Illustrator, Inkscape, LibreCAD에서 바로 열리는 실제 파일 — JPEG를 감싼 SVG가 아닙니다.
형식 정보
| 형식 정보 | WebP · 입력 | SVG · 출력 |
|---|---|---|
| 종류 | Raster. Lossy or lossless in the same container. | Vector. Paths described in XML. |
| 확대/축소 | Blurs or pixelates past its native size. | Sharp at any size. |
| 색상 | Up to 16.7 million colours with alpha, in both modes. | One solid fill per path, in a palette you can edit by hand. |
| 편집 가능 프로그램 | GIMP, Affinity Photo, Photoshop with a plug-in, any browser. | Illustrator, Inkscape, Figma, Affinity Designer, a text editor. |
| 일반적 용도 | Images saved from a website, where WebP is now the default. | Web, icons, print artwork, the input to a cutter workflow. |
알아두면 좋은 점
WebP comes in two flavours in the same container. Lossless WebP behaves like a PNG and traces cleanly. Lossy WebP behaves like a JPEG — it is predictive and block-based — so it carries the same ringing near hard edges, and the same speckle-filter advice applies.
Both flavours support an alpha channel, so a WebP saved from a site often keeps real transparency. That survives the trace: transparent pixels become holes rather than a white plate.
Decoding is done by the browser through createImageBitmap, not by a library we ship, so WebP support here is exactly your browser WebP support — which since 2020 means all of them.
작동 방식
Drop the WebP
Drop or paste the .webp file. Lossless and lossy WebP are both decoded by the browser.
Trace it
Logo for a flat mark, photo for a photograph. Watch the colour count — a lossy WebP often needs a smaller palette than it looks like it does.
Save the SVG
Export and open it in Illustrator, Inkscape or Figma. Alpha in the source becomes holes in the geometry.
벤치마크
마케팅이 아니라 측정입니다. 코퍼스, 방법론, 그리고 실행이 만들어낸 모든 수치를 빠짐없이 게시합니다.
방법론 → /benchmarks- boundary error, p95
- 0.09 px
- region-count error
- 0.000
- node-count ratio
- 1.00×
질문
- 01Do I need to convert WebP to PNG first?
- No. The browser decodes WebP natively and the worker traces the decoded pixels, so an intermediate PNG would only add a re-encode and a lost alpha channel.
- 02Does animated WebP work?
- The first frame is traced. An animation is a sequence of rasters and an SVG of it would need one path set per frame, which is a different product; export the frame you want and trace that.
- 03Is my image uploaded?
- No. The tracer is WebAssembly running in a Web Worker in this tab, so the pixels stay on your machine. There is no upload step, which is also why it keeps working with the network off.
관련
관련 변환