SVG 코드에서 주석·메타데이터·과도한 소수점을 제거해 50~80% 압축. 시각적으로 동일한 결과 보장.
원본
최적화 결과
시각 비교

SVG 최적화 사용법

  1. SVG 파일을 업로드하거나 코드를 직접 붙여넣습니다.
  2. 소수점 자릿수와 제거할 항목을 선택합니다.
  3. 원본과 결과를 시각적으로 비교해 차이가 없는지 확인합니다.
  4. 최적화된 SVG를 다운로드하거나 코드를 복사합니다.

주요 기능

  • 주석 · metadata · title · desc 자동 제거
  • 좌표 소수점 자릿수 0~5 조정 (보통 2가 적절)
  • 에디터 속성(sodipodi:·inkscape:) 제거
  • 불필요한 공백·줄바꿈 압축
  • 시각 비교 미리보기 + 용량 절감 표시

활용 예시

  • 웹사이트 아이콘 — 아이콘 라이브러리 용량 50% 절감
  • 이메일 SVG — 메일러에 인라인 임베드 시 가벼움
  • Figma · Sketch 익스포트 — 디자인 툴 에디터 메타데이터 제거
  • 인라인 SVG — HTML 안에 SVG를 직접 넣을 때 가벼운 코드
  • Webpack 번들 — SVG 파일 크기 감소로 빌드 속도 향상

SVG 최적화는 안전한가요?

본 도구의 모든 최적화는 시각적으로 동일한 결과를 보장합니다. 좌표를 소수점 2자리로 줄여도 픽셀 단위 화면에서는 차이가 없으며, 주석·메타데이터·에디터 속성은 렌더링과 무관합니다. SVGO(Node.js)와 같은 원리지만 가장 안전한 항목만 적용합니다. 변환 후 시각 비교 미리보기로 직접 확인할 수 있으니 안심하세요. 더 적극적인 최적화(convertShapeToPath, mergePaths 등)는 SVGO를 직접 사용하세요.

자주 묻는 질문

SVGO와 같은 결과인가요?

SVGO의 안전한 옵션과 비슷합니다. SVGO는 더 공격적인 변환(path 병합 등)도 지원하지만 본 도구는 시각 손실 위험이 거의 없는 최적화만 적용합니다.

애니메이션·인터랙션이 있는 SVG도 안전한가요?

네. id·class·이벤트 핸들러는 모두 보존됩니다. 다만 검증을 위해 변환 후 동작을 한 번 확인하세요.

업로드 용량 제한?

브라우저 메모리 한도에 따르며 보통 5MB까지 안정적입니다.

무료?

네, 완전 무료입니다.