비트맵 이미지를 SVG 벡터로 자동 변환. 로고·아이콘·심플 일러스트에 가장 효과적입니다.
PNG → SVG 변환기 사용법
- 변환할 이미지(로고·아이콘·일러스트)를 업로드합니다.
- 품질 프리셋을 선택하거나 직접 색상 수·정밀도를 조정합니다.
- SVG 미리보기를 확인하고 마음에 들면 다운로드합니다.
- 색상이 너무 단순하거나 복잡하면 색상 수를 조정합니다.
- 경로 정밀도를 낮추면 더 부드러운 곡선이 됩니다.
주요 기능
- ImageTracer.js 기반 비트맵 → SVG 자동 추적
- 5가지 프리셋 (기본·상세·포스터·그레이스케일·흑백)
- 색상 수 2~32 자유 조정
- 경로 단순화 / 정밀도 슬라이더
- 원본 vs SVG 동시 비교
- SVG 다운로드 + 코드 복사
활용 예시
- 로고 벡터화 — PNG만 있는 로고를 무한 확대 가능한 SVG로
- 아이콘 정리 — 비트맵 아이콘을 SVG 라이브러리로
- 일러스트 단순화 — 컬러 일러스트를 단순한 벡터로
- 인쇄 입고 — 인쇄소가 요구하는 벡터 파일 만들기
- 실루엣 추출 — 흑백 2색으로 깔끔한 실루엣
벡터화가 잘 되는 이미지 / 안 되는 이미지
잘 되는 경우: 색상 영역이 명확한 로고·아이콘·평면 일러스트·만화 그림. 안 되는 경우: 사진·그라데이션이 많은 이미지·노이즈가 많은 스캔. 사진은 SVG로 만들면 오히려 용량이 커지고 화질도 떨어집니다. 또한 텍스트가 포함된 이미지는 벡터화 후 텍스트가 알아보기 어려워질 수 있으니, 가능하면 텍스트는 SVG의 <text> 요소로 별도 추가하세요.
자주 묻는 질문
사진을 SVG로 만들면 어떻게 되나요?
색상 수에 따라 다르지만 보통 원본보다 큰 용량이 되고 디테일이 손실됩니다. 사진은 SVG보다 PNG·JPG가 적합합니다.
결과가 거칠어요. 더 부드럽게 할 수 있나요?
경로 정밀도를 낮추거나 색상 수를 줄여보세요. 그래도 안 되면 원본 해상도를 키우고 다시 시도하세요.
일러스트레이터의 이미지 트레이싱과 같나요?
알고리즘이 다르지만 결과는 비슷합니다. 정밀도는 일러스트레이터가 조금 더 좋지만, 본 도구는 무료·즉시·브라우저에서 사용할 수 있습니다.
이미지가 서버에 저장되나요?
아니요. 모든 처리는 브라우저에서만 이루어집니다.