PNG는 래스터 형식입니다 — 픽셀을 저장합니다. SVG는 벡터 형식입니다 — 도형, 경로, 그리고 어떤 크기에서든 그리는 방법을 저장합니다. PNG를 SVG로 변환한다는 것은 픽셀 모양을 추적하여 벡터 경로로 변환한다는 의미입니다. 이것은 로고, 아이콘, 단순한 일러스트레이션에는 잘 작동하지만 사진과 복잡한 이미지에는 잘 작동하지 않습니다. 3가지 최고의 무료 방법을 소개합니다.
PNG→SVG 변환이 잘 작동하는 경우
자동 추적이 깔끔한 SVG 출력을 생성하는 경우:
- 로고 및 워드마크: 명확한 가장자리를 가진 단색 로고는 깔끔한 경로로 추적됩니다. 투명 또는 흰색 배경의 흑백 로고가 가장 잘 작동합니다
- 아이콘 및 기호: 단순한 기하학적 도형, 화살표, UI 아이콘
- 실루엣: 단일 색상의 고체 형태
- 선화: 흰색 배경의 검은 윤곽선
자동 추적이 잘 작동하지 않는 경우:
- 사진: 추적된 사진은 원본 PNG보다 크고 원본과 전혀 다르게 보이는 수천 개의 작은 경로를 생성합니다
- 그라디언트와 그림자: 부드러운 색상 전환은 단순한 경로로 추적되지 않습니다 — 결과가 복잡하고 사용할 수 없습니다
- 상세한 일러스트레이션: 복잡한 텍스처나 세밀한 디테일은 쉽게 편집할 수 없는 수백 개의 경로를 만듭니다
방법 1: Inkscape (무료, 데스크탑)
Inkscape는 최고의 무료 벡터 편집기로 가장 높은 품질의 PNG-SVG 변환을 제공합니다. Windows, Mac, Linux용으로 무료 오픈 소스입니다.
- inkscape.org에서 Inkscape 다운로드 및 설치
- 파일 → 가져오기로 이동하여 PNG 파일 열기
- 가져온 이미지 선택 (클릭). 경로 → 비트맵 추적으로 이동
- 비트맵 추적 대화 상자에서:
- 흑백 또는 단순한 로고: 밝기 임계값 선택 — 임계값보다 밝은 픽셀은 흰색(투명)이 되고; 낮은 픽셀은 검은색(채워짐)이 됩니다
- 컬러 로고: 색상 선택 후 로고의 색상 수에 맞게 패스(색상) 수 설정
- 더 깔끔한 경로를 위해 부드럽게와 스캔 쌓기 체크
- 적용 클릭. PNG 위에 벡터 오버레이가 나타납니다
- PNG에서 벡터를 이동, 원본 PNG 삭제, SVG로 내보내기:파일 → 다른 이름으로 저장 → 일반 SVG
Inkscape의 비트맵 추적은 추적 매개변수를 세밀하게 제어할 수 있습니다 — 깔끔하고 편집 가능한 SVG가 필요할 때 최고의 옵션입니다.
방법 2: 온라인 자동 추적기 (설치 불필요)
소프트웨어 설치 없이 PNG를 SVG로 변환하는 여러 무료 온라인 도구가 있습니다:
- Vector Magic (vectormagic.com): 전문 수준의 온라인 추적기, 제한된 무료 변환이지만 높은 품질
- Convertio: 기본 추적을 사용하여 PNG를 SVG로 업로드 및 변환 — 단순한 로고와 아이콘에 좋음
- SVGConvert.net: 간단한 드래그 앤 드롭 PNG→SVG 변환
온라인 추적기의 경우: PNG를 업로드하고 SVG를 다운로드한 후 Inkscape나 브라우저에서 열어 품질을 확인하세요. 단순한 로고는 온라인 도구로 잘 추적되지만 복잡한 이미지는 보통 Inkscape의 수동 조정이 필요합니다.
방법 3: Adobe Illustrator (이미지 추적)
Adobe Illustrator(유료)에 접근할 수 있다면 가장 강력한 추적 엔진을 가지고 있습니다:
- Illustrator에서 PNG 열기 (파일 → 배치 또는 드래그)
- 이미지 선택. 속성 패널에서 이미지 추적 클릭 또는오브젝트 → 이미지 추적 → 만들기로 이동
- 이미지 추적 패널에서 프리셋 선택:
- 흑백 로고: 단순한 흑백 로고용
- 3가지 / 6가지 / 16가지 색상: 단색 로고용
- 고충실도 사진: 사진 콘텐츠용 (비권장)
- 깔끔한 경로를 얻으려면 임계값 (흑백용) 또는 색상 수 조정
- 도구 모음에서 확장 클릭하여 추적 결과를 편집 가능한 벡터 경로로 변환
- SVG로 저장: 파일 → 내보내기 → 다른 이름으로 내보내기 → SVG
더 나은 PNG→SVG 결과를 위한 팁
- 고해상도 PNG로 시작: 더 큰 소스 이미지는 추적기에 더 많은 디테일을 제공합니다. 100×100 px PNG보다 1000×1000 px PNG가 더 잘 추적됩니다
- 먼저 배경 제거: 로고에 흰색이나 컬러 배경이 있으면 추적기가 로고 형태만 보도록 제거하세요. 추적 전에 배경을 제거할 수 있는 도구를 사용하세요
- 대비 높이기: 고대비 가장자리는 부드럽거나 흐릿한 가장자리보다 더 깔끔하게 추적됩니다. PNG에 안티앨리어싱된 가장자리가 있으면 추적 전에 대비를 높이세요
- 추적 후 경로 단순화: Inkscape에서 추적 후 경로 → 단순화로 이동하여 형태를 크게 바꾸지 않고 노드 수를 줄이세요
- 파일 크기 확인: 단순한 로고의 좋은 SVG 변환은 50 KB 미만이어야 합니다. SVG가 원본 PNG보다 크다면 추적이 너무 복잡합니다 — 경로를 단순화하거나 색상을 줄이세요
PNG vs. SVG: 변환 후 얻는 것
- 확장성: SVG는 어떤 크기에서든 완벽하게 선명합니다 — 100×100 px 또는 10000×10000 px. PNG 버전은 확대 시 흐릿해집니다
- 파일 크기: 단순한 로고 SVG는 일반적으로 5~30 KB. 같은 로고의 고해상도 PNG는 100~500 KB일 수 있습니다
- 편집 가능성: SVG 경로는 Inkscape 또는 Illustrator에서 편집 가능 — 색상 변경, 경로 재형성, 요소 애니메이션
- 웹 사용: SVG는 HTML에서 직접 사용, CSS로 스타일링, JavaScript로 애니메이션 가능 — PNG는 불가능합니다
변환 후 SVG를 지원하지 않는 플랫폼에 래스터 버전이 여전히 필요하다면 PNG 소스에 이미지 압축을 사용하세요.