도구·사이트 목록

SVGOMG

웹사이트 · 이미지·디자인

SVG 아이콘의 불필요한 코드와 용량 줄이기

SVG 파일을 불러와 최적화 옵션을 조절하고 결과를 비교하는 SVGO 웹 도구입니다.

  • SVG 코드 최적화
  • 원본·결과 비교

어떤 때 쓰면 좋을까요?

직접 만든 아이콘이나 내보낸 그림의 SVG 코드가 크거나 복잡할 때 활용합니다. 불필요한 메타데이터와 구조를 줄이고 파일 용량을 비교할 수 있어요.

옵션에 따라 모양이나 다른 코드가 참조하는 ID가 바뀔 수 있습니다. 원본을 보관하고 미리보기와 실제 사용 화면을 확인한 뒤 결과를 적용하세요. 아이콘의 저작권이나 사용 권한을 변경하는 도구는 아닙니다.

이렇게 써보세요

사이트의 자체 제작 SVG 로고를 불러와 용량을 줄인 뒤 밝은 배경과 어두운 배경에서 모양이 같은지 확인하세요.

얻는 결과용량을 줄인 SVG 파일

사용 순서

  1. 원본 SVG를 불러옵니다

  2. 옵션을 조절하며 크기·모양을 비교합니다

  3. 원본을 남겨두고 결과 파일을 저장합니다

사용할 때 알아두세요

ID·viewBox·정밀도 설정이 동작에 영향을 줄 수 있습니다. 원본과 실제 렌더링을 비교하세요.

SVGOMG 접속하기

제작자 소개 · 2026-10-04 확인 · 기능·요금은 제작자의 최신 안내를 확인하세요.