◩

이미지 도구

SVG 최적화기

SVG에서 script, event handler, javascript URL을 제거합니다.

이미지 도구

입력 / 출력

브라우저에서 바로 처리입력값 서버 전송 없음

SVG 코드

최적화 옵션

script 제거이벤트 핸들러 제거주석 제거metadata 제거

용량 비교

225 bytes -> 132 bytes

41.3% 절감

원본 정보

SVG: valid
viewBox: 0 0 64 64
width: -
height: -

최적화 정보

SVG: valid
viewBox: 0 0 64 64
width: -
height: -

원본 preview

최적화 preview

Before/After 비교

비교 위치 50%

Before/After 비교 슬라이더

최적화 SVG

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>

Data URI

data:image/svg+xml;charset=utf-8,%3Csvg%20viewBox%3D%220%200%2064%2064%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Crect%20x%3D%2210%22%20y%3D%2210%22%20width%3D%2244%22%20height%3D%2244%22%20rx%3D%228%22%20fill%3D%22%2318E299%22%2F%3E%3C%2Fsvg%3E

제거 리포트

제거한 script: 1
제거한 이벤트 핸들러: 1
제거한 주석: 1
제거한 metadata: 1

SVGO plugin pipeline

removeScripts

active

removeEventHandlers

active

removeComments

active

removeMetadata

active

<svg viewBox="0 0 64 64" xmlns="http://www.w3.org/2000/svg"><rect x="10" y="10" width="44" height="44" rx="8" fill="#18E299"/></svg>

도움말사용 방법, 예시, 실무 팁, FAQ는 필요할 때 펼쳐보세요.

이 도구는 무엇인가요?

SVG 최적화기는 SVG에서 script, event handler, javascript URL을 제거합니다. 이미지 도구 흐름에 맞춰 입력, 옵션, 결과 확인을 한 화면에서 처리합니다.

사용 방법

SVG 최적화기 입력
<svg onclick=...>처럼 처리할 값을 입력하거나 기본 예시를 조정합니다.
옵션 확인
SVG 최적화, SVG sanitize, 아이콘 정리에 맞는 모드, 단위, 형식 옵션을 선택합니다.
결과 검토
안전한 SVG 형식의 결과를 확인하고 필요한 경우 복사하거나 내려받습니다.

예시

SVG 최적화 기본 확인

입력: <svg onclick=...>
출력: 안전한 SVG

SVG sanitize 실무 점검

입력: <svg onclick=...> 값을 기준으로 옵션을 조정
출력: SVG 최적화기 결과를 복사 가능한 형식으로 확인

SVG 최적화기 결과 검수

입력: <svg onclick=...> 입력을 조금 바꿔 재실행
출력: 변경된 결과를 이전 결과와 비교해 실제 작업에 맞는지 확인

실무 팁

SVG 최적화기 결과가 업무 기준에 맞는지 원본 데이터와 한 번 더 대조하세요.
SVG 최적화 입력은 필요한 범위만 넣으면 브라우저 처리 속도를 유지하기 쉽습니다.
AdSense 자동 광고는 도구 입력, 출력, 실행 버튼 안에 의도적으로 배치하지 않습니다.

FAQ

SVG 최적화기에는 어떤 입력을 넣어야 하나요?

예시와 같은 SVG 최적화 값을 넣고 필요한 옵션을 조정하면 됩니다.

SVG 최적화기 결과를 바로 복사할 수 있나요?

네. 결과 영역에서 확인한 뒤 복사 버튼이나 출력 텍스트를 사용하면 됩니다.

SVG 최적화기를 모바일에서도 사용할 수 있나요?

네. 입력, 옵션, 실행, 출력 영역이 모바일 화면에서도 순서대로 보이도록 구성되어 있습니다.

SVG 최적화기 페이지 광고가 도구 조작을 방해하나요?

아니요. 사이트는 수동 광고 영역을 만들지 않고 AdSense 자동 광고 설정을 보수적으로 운영합니다.

SVG 최적화기 결과가 실제 업무 기준과 다르면 어떻게 하나요?

브라우저 도구는 입력값과 선택 옵션을 기준으로 계산합니다. 배포, 계약, 정산처럼 책임이 큰 작업에는 원본 기준이나 공식 문서와 한 번 더 대조하세요.

함께 쓰기 좋은 도구

색상 팔레트 생성기 이미지 리사이저 이미지 최적화기 / 압축기