이미지를 SVG로
색상 양자화로 비트맵 이미지를 진짜 벡터 SVG로 변환합니다. 로고, 아이콘, 선화에 가장 좋으며 사진은 정확한 재현보다 양식화된 결과가 나옵니다.
여기에 이미지 파일을 놓으세요
또는 클릭하여 파일 선택
비트맵 그림의 색을 단색 영역으로 양자화해 진짜 벡터 SVG로 추적합니다. 결과는 실제 벡터 패스이므로 픽셀 깨짐 없이 어떤 크기로도 확대할 수 있고, 픽셀이 아니라 도형으로 편집할 수 있습니다.
색이 적고 가장자리가 뚜렷한 그림에 가장 잘 맞습니다. 로고, 아이콘, 선화, 스탬프, 단순한 삽화가 그렇습니다. 사진을 이렇게 추적하면 색 수가 제한된 포스터 같은 양식화된 이미지가 되며, 효과로는 흥미로울 수 있지만 사진을 충실히 재현한 결과는 아닙니다.
이미지를 SVG로 변환하는 방법(벡터 추적)
PNG나 JPG 이미지를 고릅니다
색 수와 세부 수준을 지정합니다
추적한 SVG를 다운로드합니다
자주 묻는 질문
제 사진이 깔끔한 벡터가 되나요?
아니요. 추적은 이미지를 제한된 수의 단색으로 줄이므로 사진은 색 띠가 보이는 양식화된 결과가 됩니다. 사진은 래스터 원본을 그대로 두고, 로고와 아이콘에는 추적이 아주 잘 맞습니다.
색은 몇 개나 쓰면 되나요?
로고와 선화에는 네 개에서 여덟 개로 낮게 시작하세요. 색이 많을수록 원본에 가까워지지만 관리할 패스가 많은 훨씬 큰 SVG가 됩니다.
세부 수준 설정은 무엇을 바꾸나요?
작은 규모의 형태를 얼마나 남길지 정합니다. 세부 수준이 높으면 가는 선과 점이 살아남지만 파일이 커지고, 거친 스캔본에서는 결과가 지저분해질 수 있습니다.
결과를 편집할 수 있나요?
네. SVG에는 실제 패스가 들어 있으므로 Illustrator, Inkscape, Figma에서 열어 개별 도형을 옮기거나 색을 바꾸거나 지울 수 있습니다.
SVG가 원본 이미지보다 큰 이유는 무엇인가요?
벡터 추적은 모든 경계를 패스 데이터로 저장하므로 복잡한 이미지에서는 압축된 JPEG보다 클 수 있습니다. 단순한 로고는 보통 같은 내용의 고해상도 PNG보다 작게 나옵니다.
제 이미지가 업로드되나요?
아니요. 추적은 전부 브라우저 안에서 실행됩니다.
한눈에 보기
| 입력 | 이미지 |
|---|---|
| 여러 파일 | 아니요 |
| 실행 위치 | 브라우저에서 실행 - 파일은 업로드되지 않습니다 |
| 오프라인에서도 작동 | 예 — 페이지를 불러온 후 |
| 가격 | 무료, 가입 필요 없음, 워터마크 없음 |
트레이스한 사진이 다르게 보이는 이유
트레이스는 연속적인 색조를 곡선으로 나뉜 제한된 수의 평평한 색으로 대체하므로, 사진은 복사본이라기보다 실크스크린 인쇄나 숫자대로 색칠하기 그림처럼 나옵니다. 이는 결함이 아니라 벡터화의 정의입니다. 원본이 단순할 때 결과가 극적으로 좋아집니다. 색이 적고, 가장자리가 뚜렷하고, 배경이 깨끗하고, 그라데이션이나 노이즈가 없는 경우입니다. 트레이스 느낌을 원한다면 그래픽에서 시작하십시오. 파일 크기를 줄인 사진을 원한다면 대신 JPG나 WebP를 사용하십시오. 트레이스하면 보기에도 어색하고 파일이 오히려 더 커지는 경우가 많기 때문입니다.
벡터와 래스터는 다른 종류의 파일입니다
SVG는 도형을 좌표와 곡선으로 저장하므로 아무리 확대해도 선명함을 잃지 않고 보통 아주 작게 유지됩니다. 그래서 로고, 아이콘, 도표에 알맞습니다. JPG나 PNG는 픽셀 격자를 저장하며, 사진이란 실제로 그러한 것입니다. 벡터를 래스터로 바꾸는 것은 일반적인 작업이고 충분히 높은 해상도로 내보내면 겉보기에는 손실이 없습니다. 래스터를 벡터로 바꾸는 것은 전혀 다른 작업입니다. 픽셀에서 도형을 추정하는 것으로, 단색 로고와 선화 스캔에서는 훌륭하게 동작하고 사진에서는 포스터 같은 양식화된 결과를 냅니다. 어느 방향으로 가는지 알면 무엇을 기대해야 하는지도 알 수 있습니다.