SVG 최적화·압축 도구
원본과 최적화 결과의 표시, 파일 크기, 구조, 안전 설정을 비교하면서 브라우저에서 SVG를 최적화하고 압축합니다.
SVG 로드
SVG 코드를 붙여넣거나 1개의 .svg 파일을 로드합니다.
SVG 파일을 여기에 드래그 앤 드롭
또는 클릭하여 파일 선택
최적화 설정
"안전"은 표시에 미치는 영향을 줄이고 "최대 압축"은 ID와 참조도 단축합니다.
바로 가기: Ctrl / ⌘ + Enter
최적화 전후 미리보기
미리보기 SVG는 외부 참조와 실행 가능한 내용을 항상 제거합니다.
최적화 결과
파일 크기와 구조 변화를 확인한 다음 저장할 수 있습니다.
- 최적화 전
- 0 B
- 최적화 후
- 0 B
- 감소 크기
- 0 B
- 감소율
- 0.0%
- 요소 수
- 0 → 0
- 속성 수
- 0 → 0
- 패스 수
- 0 → 0
- ID 수
- 0 → 0
최적화 보고서
이 도구에 대하여
SVG를 공개하고 공유하기 전에 불필요한 편집 정보와 중복 설명을 정리하여 표시를 비교하면서 경량화할 수 있습니다.
지원 기능
- SVG 코드 붙여넣기 및 .svg 파일 로드
- 주석, 메타데이터, 공백, 숫자, 색상, 미사용 정의 최적화
- JavaScript, 이벤트 속성, 외부 참조 삭제
- 전후 프리뷰, 중첩, 삭감율·처리 내용의 확인
사용 방법
- SVG 코드를 입력하거나 SVG 파일을 로드합니다.
- 안전, 표준, 최대 압축 또는 개별 설정을 선택합니다.
- SVG 최적화를 눌러 전후 표시 및 감소율을 확인합니다.
- 결과를 복사하거나 SVG 파일로 저장합니다.
제한 사항
- 최대 압축은 SVG를 나중에 자바스크립트나 CSS로 조작하는 용도에 영향을 줄 수 있습니다.
- 외부 이미지, CSS 및 글꼴을 남긴 SVG는 원본 게시 대상이 삭제되면 표시되지 않을 수 있습니다.
- 고급 패스 형상의 재계산이나, SVGZ·복수 파일의 ZIP 저장에는 대응하고 있지 않습니다.
개인정보 보호: SVG와 최적화 결과는 사용자의 브라우저 내에서만 처리되며 Develop Tools 서버로 전송되거나 저장되지 않습니다. 페이지에서는 Google AdSense 광고 코드를 불러옵니다. 자세한 내용은개인정보 처리방침을 확인하세요.