이미지 → SVG 벡터화
imagetracerjs로 PNG·JPG를 확대해도 깨지지 않는 SVG 벡터 패스로 변환 — 디테일 프리셋 선택 가능, 사진보다 단색 로고·아이콘에 적합합니다.
🔒 이미지는 imagetracerjs로 브라우저 안에서 변환되며 업로드되지 않습니다.
이미지를 끌어다 놓거나 눌러서 고르세요
여러 개를 한 번에 넣어도 됩니다.
래스터 이미지를 확대해도 깨지지 않는 벡터 패스로 변환합니다 — 로고·아이콘·단색 그래픽에 가장 좋습니다. 전 과정이 브라우저에서 실행됩니다.
균형 잡힌 기본값: 색 16개, 부드러운 곡선, 잔 점 제거, 직각 모서리 유지.
SVG는 미리보기에 보이는 색 영역을 그대로 채워 저장합니다.
래스터 이미지를 SVG로 벡터화
PNG·JPG 등 래스터 이미지를 벡터 패스로 이뤄진 SVG로 변환해, 아무리 확대해도 흐려지거나 깨지지 않게 만듭니다. 비슷한 색 영역을 매끄러운 윤곽선으로 추적하는 방식이라 로고·아이콘 정리, 커팅 머신(Cricut·Silhouette)용 아트워크 준비, 작은 그래픽의 인쇄용 변환에 이상적입니다.
추적은 imagetracerjs로 모두 브라우저 안에서 실행되며 이미지는 업로드되지 않습니다. 스타일 프리셋으로 디테일과 파일 크기를 조절하고, 결과를 미리 본 뒤 SVG로 내려받으세요. SVG 최소화 (그림은 그대로, 파일은 더 작게)를 체크하면 렌더러가 읽지 않는 부분을 빼고 패스 데이터를 간결하게 써서, 모든 도형과 좌표는 변환된 그대로 둔 채 파일만 줄입니다. 흰 종이에 스캔했거나 흰 배경으로 내보낸 로고라면 흰 배경은 빼고 변환을 체크하세요. 그림 가장자리까지 이어진 흰(거의 흰) 영역은 패스로 만들지 않고, O 안쪽 구멍이나 배지 위 흰 글자처럼 디자인 안에 있는 흰색은 그대로 남깁니다. 사진이나 매우 복잡한 이미지는 SVG가 지나치게 커지므로, 이 도구는 단색 그래픽에 가장 적합합니다.
자주 묻는 질문
어떤 이미지가 잘 되나요?
로고·아이콘·단색 그래픽이 깔끔하게 벡터화됩니다. 사진도 되긴 하지만 미세한 색 변화가 모두 패스가 되어 SVG가 쓰기 어려울 만큼 커집니다.
이미지가 업로드되나요?
아니요. imagetracerjs로 브라우저 안에서 추적되며 기기를 벗어나지 않습니다.
스타일 프리셋은 뭘 바꾸나요?
색을 얼마나 뭉치고 패스를 얼마나 매끄럽게 할지 조절합니다. “디테일”은 형태를 더 보존(파일 큼)하고, “포스터화”·“기본”은 단순화해 SVG를 작게 만듭니다. “곡선”은 모든 윤곽을 곡선으로 맞추고 “선명”은 직선 조각만 쓰며, 프리셋을 고르면 그 값이 아래 설정 칸에 채워지므로 무엇이 골라졌는지 보고 원하는 대로 바꿀 수 있습니다.
SVG에서 흰 배경을 뺄 수 있나요?
네. “흰 배경은 빼고 변환”을 체크하면 그림 가장자리까지 이어진 흰(거의 흰) 영역 — 로고를 스캔하거나 내보낸 흰 종이 — 은 패스로 만들지 않아 SVG에는 디자인만 남습니다. O 안쪽 구멍이나 배지 위 흰 글자처럼 디자인 안의 흰색은 가장자리에 닿지 않으므로 그대로 남습니다. 모든 색 모드와 모든 내보내기 형식에서 동작하며, 기본은 꺼져 있습니다.
그림은 그대로 두고 SVG 파일만 더 작게 만들 수 있나요?
네. “SVG 최소화 (그림은 그대로, 파일은 더 작게)”를 체크하면 렌더러가 읽지 않는 부분 — 변환기가 붙이는 version·desc 속성, 폭이 없어 보이지 않는 외곽선, 기본값인 불투명도 — 을 빼고, 색은 짧은 헥스 코드로, 패스 데이터는 파서에 필요 없는 공백과 반복 명령 없이 씁니다. 패스를 합치거나 좌표를 다시 반올림하지 않으므로 모든 도형과 좌표가 변환된 그대로입니다. SVG 출력에 적용되며 기본은 꺼져 있습니다.