SVG Cleaner
에디터 전용 요소를 제거하여 웹용 깔끔한 SVG를 만듭니다
SVG 파일을 드래그하거나 클릭하세요
📖 SVG 파일 용량의 숨은 범인, 에디터 네임스페이스 가이드 보기
SVG Cleaner
Adobe Illustrator, Inkscape, Figma, Sketch 등의 벡터 편집 프로그램에서 내보낸 SVG 파일에는 웹에서 사용하기 위한 불필요한 에디터 전용 요소들이 포함됩니다. 이 도구는 Inkscape의 sodipodi/inkscape, Illustrator의 i:/serif:, Figma의 figma:/data-figma-, Sketch의 sketch: 네임스페이스를 각각 선택적으로 제거하고, 빈 <g> 그룹·DOCTYPE 선언·XML 주석·빈 속성도 함께 정리합니다. 미사용 네임스페이스 제거 옵션은 실제로 쓰이는 xmlns:xlink 같은 선언은 남겨두고 정말 사용되지 않는 선언만 제거해 XML 유효성이 깨지지 않도록 확인합니다.
자주 묻는 질문
SVG Optimizer는 어디로 갔나요?
SVG Optimizer는 이 도구(SVG Cleaner)로 통합되었습니다. 에디터 전용 요소 제거와 파일 크기 최적화를 이제 하나의 도구에서 모두 처리합니다.
Inkscape SVG를 정리하면 어떤 요소가 제거되나요?
sodipodi:, inkscape: 네임스페이스의 모든 요소와 속성이 제거됩니다. 이는 Inkscape 편집 내부 정보로 렌더링에 영향을 주지 않습니다.
Figma에서 내보낸 SVG도 정리가 되나요?
예, Figma 전용 속성(figma:, data-figma-)이 제거됩니다.
에디터 생성 ID 제거 옵션은 언제 사용하나요?
SVG를 웹에 인라인으로 삽입할 때 Page_1, Layer_2 같은 자동 ID가 충돌할 수 있습니다. 이때 제거가 유용합니다.
정리 후 파일 크기가 얼마나 줄어드나요?
에디터에 따라 다르지만 Inkscape SVG는 메타데이터가 많아 10~40% 감소하는 경우가 많습니다.
파일이 서버에 업로드되나요?
아니요. 모든 처리가 브라우저에서 직접 이루어집니다.
결과를 어떻게 사용하나요?
복사 버튼으로 클립보드에 복사하거나, 다운로드 버튼으로 .svg 파일로 저장하세요.
빈 그룹이나 DOCTYPE 선언도 제거되나요?
네. "빈 그룹/DOCTYPE 제거" 옵션을 켜면 내용이 비어 있는 <g> 그룹(중첩된 빈 그룹도 반복 처리)과 DOCTYPE 선언을 제거합니다. visibility:hidden 요소는 CSS/JS로 나중에 표시될 수 있어 의도적으로 제거하지 않습니다.