SVG 최적화 도구
SVG 코드 경량화, 편집기 메타데이터 제거, 파일 크기 축소 — 모두 브라우저에서.
SVG 파일 즉시 최적화 — 브라우저에서 바로
Figma, Illustrator, Inkscape 등 디자인 툴에서 내보낸 SVG 파일에는 편집기 전용 메타데이터, 주석, 불필요한 포맷이 가득합니다. Zolkit SVG 최적화 도구는 이 모든 것을 제거하여 프로덕션에 바로 쓸 수 있는 깔끔한 SVG 코드를 제공합니다.
편집기 데이터 제거
Inkscape, Sodipodi, Adobe 메타데이터, 네임스페이스, 디자인 툴 내보내기 시 생성되는 주석을 제거합니다.
즉각적인 최적화
순수 JavaScript — 서버 통신 없음, WASM 컴파일 시간 없음. 입력 즉시 결과가 표시됩니다.
세밀한 설정
주석, 메타데이터, title, desc 등 제거할 요소를 선택할 수 있습니다. 좌표 소수점 자릿수도 설정 가능합니다.
100% 안전
SVG 코드는 브라우저를 벗어나지 않습니다. 메모리 내에서 처리되며 서버 전송 및 로그 기록이 없습니다.
영구 무료
계정 불필요, 제한 없음, 결제 없음. SVG를 붙여넣고 바로 다운로드하세요.
실시간 미리보기
최적화 후 SVG가 어떻게 보이는지 즉시 확인하세요. 중요한 요소가 제거되지 않았는지 검증할 수 있습니다.
SVG 파일 최적화 방법
- 1
입력 박스에 SVG 코드를 붙여넣거나 페이지에 .svg 파일을 드롭하세요.
- 2
옵션 패널에서 제거할 요소를 선택하세요.
- 3
최적화된 코드를 복사하거나 다운로드 버튼을 클릭하여 파일을 저장하세요.
자주 묻는 질문
SVG 최적화 도구는 실제로 무엇을 제거하나요?
주로 XML 선언, DOCTYPE 선언, 편집기 메타데이터(Inkscape/Adobe/Sodipodi 네임스페이스와 요소), HTML 주석, <metadata> 블록, 불필요한 공백 등을 제거합니다. 이런 요소들은 브라우저에서 SVG를 렌더링할 때 아무런 역할을 하지 않습니다.
최적화하면 SVG가 깨질 수 있나요?
최적화 도구는 안전하게 제거할 수 있는 요소만 삭제합니다: 편집기 메타데이터, 주석, 공백. 드로잉 요소, 패스, 도형, 스타일 규칙은 절대 제거하지 않습니다. 미리보기 패널에서 다운로드 전에 결과를 확인할 수 있습니다.
<title>과 <desc>를 제거해야 하나요?
기본적으로 <title>과 <desc>는 보존됩니다. 이들은 스크린 리더가 그래픽을 설명하는 데 사용하여 SVG 접근성을 높여주기 때문입니다. SVG가 순수 장식용이고 접근성이 문제가 되지 않는 경우에만 제거하세요.
소수점 자릿수란 무엇인가요?
SVG 좌표(path의 d 속성 등)에는 소수점이 많이 포함되는 경우가 있습니다(예: 123.45678901). 정밀도를 2로 줄이면 123.46이 됩니다. 대부분의 그래픽에서 눈에 띄는 시각적 변화 없이 파일 크기를 줄일 수 있습니다. 아이콘 SVG는 정밀도 1–2가 특히 적합합니다.
SVGO만큼 성능이 좋은가요?
Zolkit SVG 최적화 도구는 가장 효과적인 최적화를 처리합니다: 메타데이터 제거, 네임스페이스 제거, 공백 최소화, 정밀도 감소. 도형 병합이나 패스 단순화 같은 고급 변환이 필요하다면 SVGO CLI를 사용하면 추가적인 절약이 가능합니다.
SVG 파일을 여러 개 동시에 최적화할 수 있나요?
현재는 파일 하나씩 처리합니다. SVG 일괄 최적화는 로드맵에 있습니다.