✨
무료 SVG 최적화기 & 압축기
메타데이터를 제거하고, 공백을 압축하고, 소수점을 반올림하여 SVG 파일 크기를 대폭 줄입니다 — 일반적으로 30-70% 감소. 시각적 미리보기로 변형이 없음을 확인합니다.
한 번 로드하면 오프라인에서도 작동
여기에 파일을 놓거나 클릭해서 선택하세요
SVG · 기기에서 처리됨
또는 Ctrl+V를 눌러 클립보드에서 붙여넣기
— 또는 아래에 SVG 붙여넣기 —
파일이 기기를 떠나지 않습니다. 모든 처리는 브라우저에서 로컬로 이루어집니다.
주요 용도
- 프로덕션용 SVG 아이콘 최적화배포 전에 아이콘 SVG에서 불필요한 메타데이터를 제거합니다 — 전형적인 50-80% 감소.
- 브랜드 로고 SVG 최적화품질을 희생하지 않고 빠른 웹사이트 로딩을 위해 SVG 로고 파일 크기를 줄입니다.
- 일러스트레이션 및 히어로 SVG 최적화더 큰 일러스트레이션 (히어로, 장식 그래픽)의 경우 최적화로 파일 크기를 30-70% 절약할 수 있습니다.
- JavaScript 번들 크기 줄이기SVG를 React 컴포넌트로 가져오거나 코드에 인라인할 때 최적화하면 JS 번들이 축소됩니다.
- Figma / Sketch SVG 내보내기 정리Figma 및 Sketch SVG 내보내기에는 광범위한 메타데이터가 포함됩니다. 프로덕션에서 사용하기 전에 제거합니다.
사용 방법
이 도구는 전적으로 브라우저에서 실행되는 직접 작성한 최적화기로 SVG 파일 크기를 줄입니다. 라이브러리도 서버도 없습니다. 속성 수준의 정밀 작업을 위한 브라우저 내장 DOMParser/XMLSerializer와, 주석 제거·메타데이터 제거·공백 축소를 위한 정규식 치환의 두 단계를 결합합니다.
- 1DOMParser가 SVG를 정화최적화 전에 브라우저의 DOMParser가 SVG를 XML로 읽고 모든 요소를 순회합니다. 스크립트 태그, 이벤트 처리기(모든 on* 속성), 애니메이션 요소, 외부 URL 참조는 무조건 제거되며, 어떤 최적화 옵션을 선택하든 이 과정은 실행됩니다.
- 2DOM 기반 소수점 반올림소수점 반올림이 켜져 있으면 최적화기가 파싱된 DOM을 한 번 더 순회하며 알려진 숫자 속성(경로 d 데이터, 좌표, transform 값, 선 두께 등)에만 반올림을 적용합니다. .5.5처럼 이어 붙은 경로 값을 손상시키지 않고 개별 부동 소수점 숫자만 찾는 정규식을 사용합니다.
- 3정규식 단계로 직렬화된 마크업 정리XMLSerializer가 정규화된 XML을 만든 다음, 대상 문자열 치환으로 HTML 주석, Inkscape/Sodipodi 편집기 메타데이터, XML 선언, 불필요한 기본 속성(version="1.1" 등), 태그 사이 공백을 제거합니다. 각 단계는 범위가 좁게 제한되어 텍스트 노드 내용은 건드리지 않습니다.
- 4Gzip 크기와 내보내기 형식웹에서 실제 전송 비용을 결정하는 것은 gzip 크기이므로, 브라우저의 CompressionStream API로 입력과 출력의 실제 gzip 크기를 계산합니다. 최적화된 SVG는 다운로드하거나, 원시 SVG로 복사하거나, React JSX용 camelCase 속성으로 변환하거나, CSS 데이터 URI로 인코딩할 수 있으며 모든 변환은 로컬에서 이루어집니다.
SVG는 브라우저 탭 안에서만 읽히고 처리되며, 파일 데이터는 기기를 떠나지 않습니다.
관련 도구
CSS 압축기 & 정리기
파일 크기를 줄이기 위해 CSS를 압축하거나, 가독성을 위해 압축된 CSS를 정리합니다. 브라우저에서 즉각적으로 처리됩니다.
시도해보기
GIF 압축기
움직이는 GIF의 용량을 줄이세요. Discord 이모지 256 KB나 스티커 512 KB 같은 용량 제한에 맞추거나, 색상 수, 너비, 프레임을 직접 정할 수 있습니다. 브라우저에서 실행되며 GIF는 업로드되지 않습니다.
시도해보기파일이 로컬에 유지됨
PDF 압축기
PDF 파일을 압축하여 크기를 줄입니다. 품질 수준을 선택하세요 — 압축률이 높을수록 파일은 작아지지만 이미지 정밀도는 낮아집니다.
시도해보기파일이 로컬에 유지됨