디자인 내보내기 찌꺼기
metadata, comments, 편집기 속성, 숨김 요소, 빈 group을 제거합니다.
무료 개발자 도구
SVG 최적화 도구 SVG 코드 정리 및 압축
SVG 코드를 붙여넣거나 SVG 파일을 업로드하세요. SVG 최적화 도구는 내보내기 찌꺼기를 제거하고 경로와 숫자를 압축하며 viewBox를 보존하고 크기 비교, 복사, 다운로드를 제공합니다.
AD
SVG 최적화 도구가 해결하는 문제
SVG 최적화 도구는 디자인 도구에서 내보낸 아이콘의 불필요한 데이터를 정리합니다.
아이콘 라이브러리 관리
공유 프론트엔드 패키지에 넣기 전에 여러 아이콘을 표준화합니다.
로컬 SVG 정리
미공개 로고와 UI 아이콘을 브라우저 안에서만 처리합니다.
깨끗한 SVG를 위한 SVG 최적화 도구 기능
구조 정리, 경로 압축, 정밀도 제어, 크기 비교, 복사, 다운로드를 제공합니다.
SVG 붙여넣기 또는 업로드
SVG 코드를 넣거나 .svg 파일을 서버 업로드 없이 불러옵니다.
일반적인 찌꺼기 제거
metadata, comments, 숨김 요소, 불필요한 속성, 빈 group을 제거합니다.
경로와 숫자 압축
path data, 좌표, transform, 투명도 등을 선택한 정밀도로 반올림합니다.
viewBox 보존
SVG 최적화 도구는 viewBox를 유지해 아이콘 확장성을 지킵니다.
절약량 비교
원본 크기, 최적화 크기, 절약 바이트, 감소율을 확인합니다.
복사 또는 다운로드
최적화된 SVG를 복사하거나 깨끗한 .svg 파일로 저장합니다.
SVG 최적화 도구 사용 방법
붙여넣기 또는 업로드, 규칙 선택, 절약량 확인, 복사 또는 다운로드 순서입니다.
01
SVG 붙여넣기 또는 업로드
편집기에 SVG를 넣거나 .svg 파일을 업로드합니다.
- 로컬 전용 - 업로드 없음
02
SVG 최적화 도구 옵션 선택
metadata, comments, 숨김 요소, 속성, group, 공백, 정밀도를 조정합니다.
- 로컬 전용 - 업로드 없음
03
절약 결과 확인
전후 바이트와 제거 항목 요약을 확인합니다.
- 로컬 전용 - 업로드 없음
04
최적화 SVG 복사 또는 다운로드
프로젝트로 복사하거나 깨끗한 .svg 파일을 다운로드합니다.
- 로컬 전용 - 업로드 없음
SVG 최적화 도구 사용 사례
프론트엔드 개발자, 디자이너, 아이콘 라이브러리 관리자를 위한 도구입니다.
프론트엔드 개발
React, Astro, CSS sprites, 문서, 컴포넌트 라이브러리용 SVG를 준비합니다.
디자인 핸드오프
엔지니어링에 전달하기 전 SVG 내보내기를 정리합니다.
아이콘 QA
공유 아이콘 세트 배포 전에 정밀도와 크기를 점검합니다.
SVG 최적화 도구 FAQ
SVG 정리, 경로 압축, viewBox 보존, 로컬 처리 질문입니다.
파일을 업로드하나요?
아니요. 분석, 정리, 압축, 복사, 다운로드는 브라우저에서 실행됩니다.
viewBox가 보존되나요?
예. viewBox를 보존하고 필요하면 복원합니다.
무엇을 제거하나요?
metadata, title, desc, comments, 숨김 요소, 편집기 속성, 빈 속성, 참조되지 않은 ID, 빈 group입니다.
복잡한 SVG가 깨질 수 있나요?
외부 CSS, ID, script, metadata에 의존하는 SVG는 확인이 필요합니다. 세밀한 그림은 높은 정밀도를 사용하세요.
SVG 최적화 도구 시작하기
SVG 코드를 붙여넣고 찌꺼기를 제거하며 viewBox를 보존하고 크기를 비교한 뒤 복사 또는 다운로드하세요.
무료 - 브라우저 로컬 SVG 도구.