SVG 편집기

SVG에서 스크립트, 이벤트 및 외부 리소스를 정리하고, SVGO를 사용해 용량을 최적화하고 차이점을 보고합니다. 안전한 복사본을 미리 보고 다운로드할 수 있습니다.

브라우저에서 로컬 처리

이 페이지는 공개 디렉터리 검사를 통과했습니다. JavaScript을 활성화하면 전체 기능을 사용할 수 있습니다.

사용 안내

SVG 편집기 사용 방법

SVG 텍스트는 현재 브라우저에서만 정리, 최적화 및 미리 보기가 이루어지며 업로드되지 않고 외부 리소스를 능동적으로 요청하지 않습니다.

SVG 입력
내용을 붙여넣거나 2 MiB 이하의 SVG 파일을 불러온 후 여러 차례 최적화를 실행할지 선택하세요.
안전한 정리 및 최적화
도구가 먼저 스크립트, 이벤트, 외부 리소스 및 위험한 요소를 제거한 다음 SVGO로 최적화하고, 이후 안전 정리를 다시 수행합니다.
확인하고 다운로드
원본, 정리 및 최적화된 바이트 수와 제거 통계를 확인하고, 미리보기를 확인한 후 안전한 사본을 복사하거나 다운로드하세요.

안전한 정리 기능은 스크립트, foreignObject, 이벤트 속성, 외부 참조 및 일부 스타일을 적극적으로 삭제하므로, 이러한 내용에 의존하는 SVG의 모양이나 상호 작용이 변경될 수 있습니다.
최적화 과정에서 경로, 속성, ID 및 수치 정밀도가 다시 작성될 수 있으므로, 소스 구조, 애니메이션 바인딩 또는 편집기 메타데이터를 유지해야 하는 무손실 왕복 작업에는 적합하지 않습니다.
브라우저 미리보기가 정상적으로 표시된다고 해서 SVG이(가) 모든 렌더러에서 일관되게 표시되는 것은 아닙니다. 중요한 그래픽은 다운로드한 결과를 시각적으로 비교하고 대상 환경에서 테스트해야 합니다.

최적화 후 다시 정리해야 하는 이유는 무엇인가요?

최종 미리보기와 다운로드도 보안 정책을 계속 준수하고, 어떤 변환 단계에서도 금지된 구조가 다시 도입되지 않도록 하기 위한 것입니다.

여러 차례 최적화하면 반드시 더 작아질까요?

일반적으로 중복을 더 줄일 수 있지만 시간이 더 오래 걸리고 더 많이 재작성됩니다. 보고서와 시각적 대조 결과를 기준으로 판단해야 합니다.

그래픽 노드를 편집할 수 있나요?

이 도구는 소스 코드 정리, 최적화 및 미리보기 도구이며, 벡터 드로잉 소프트웨어와 같은 노드 드래그 편집 기능은 제공하지 않습니다.