PNG를 SVG로 변환

PNG는 픽셀로 이루어진 격자이고 SVG는 도형을 설명하는 형식이라, 흐려지지 않고 어떤 크기로도 확대되며 Illustrator, Inkscape, Figma에서 편집할 수 있습니다. 이 변환기는 이미지를 색마다 하나씩 진짜 벡터 경로로 트레이싱하며, 색 개수와 디테일 정도, 곡선 부드러움을 조절할 수 있습니다. 모든 처리는 브라우저에서 이루어지며 아무것도 업로드되지 않습니다.

사용 방법

1. PNG, JPG, WebP, AVIF 이미지를 고릅니다. 로고, 아이콘, 단순한 일러스트, 서명이 가장 잘 됩니다.
2. 컬러 모드와 색 개수(8이 무난한 시작점)를 고르거나, 선화라면 흑백 모드와 임계값을 고릅니다.
3. 디테일 수준과 곡선을 부드럽게 할지 정합니다. 투명한 결과를 원하면 "흰색 배경 무시"를 체크합니다.
4. 변환을 누르고 미리보기를 확인한 뒤 .svg 파일을 내려받거나 코드를 복사합니다.

계산식

1. 최대 1000px로 축소. 2. N색으로 줄이기(메디안 컷 후 k-평균으로 보정). 3. 색 레이어마다 마칭 스퀘어로 트레이싱. 4. 라머–더글러스–포이커로 윤곽 단순화(허용 오차 높음/보통/낮음 = 0.6 / 1 / 1.6px). 5. 선택: 캣멀–롬 곡선을 3차 베지어로 맞추기.

레이어는 색 영역이 가장 넓은 것부터 가장 좁은 것 순으로 쌓이고, 각 레이어가 위의 레이어 아래까지 뻗기 때문에 이웃한 색 사이에 가는 틈이 생기지 않습니다. 좌표는 원래 크기로 되돌려 저장합니다.

예시

1200 × 500px 서명 스캔을 흑백 모드, 임계값 128로 변환하면 경로 2개(검은 잉크, 흰 종이)가 되고, 1000 × 417px로 트레이싱하여 viewBox는 0 0 1200 500입니다. "흰색 배경 무시"를 체크하면 잉크만 남은 경로 1개가 투명한 배경 위에 남습니다.