🎨SVG 미니파이어
SVG 파일에서 주석·여분 공백·에디터 메타데이터를 제거해 용량을 줄입니다.
🔒 브라우저에서 처리✓ 워터마크 없음✓ 가입 불필요
사용 방법
- 1SVG 코드를 붙여넣습니다.
- 2최적화 버튼을 누릅니다.
- 3결과를 복사해 웹에 사용합니다.
자주 묻는 질문
어디까지 줄여요?+
보통 30~60% 용량이 줄어듭니다. Illustrator·Figma 출력 SVG는 메타데이터가 많아 더 큰 효과.
디자인이 달라지나요?+
아닙니다. 시각적으로 동일하며 용량과 가독성만 줄어듭니다. Path·좌표는 그대로.
SVG vs PNG 어느 게 좋아요?+
아이콘·로고·일러스트는 SVG(벡터, 무한 확대). 사진은 PNG·WebP가 효율적.
SVGO와 같은 도구인가요?+
유사한 기능을 제공합니다. SVGO는 더 많은 옵션(plugin)을 가지며, 빌드 자동화에 적합.
Path 데이터도 압축되나요?+
기본 압축은 공백·주석 제거 위주. d 속성의 경로 데이터 단축은 SVGO 같은 전문 도구에서 더 강력합니다.
React 컴포넌트에 인라인할 때?+
최적화한 SVG를 JSX에 그대로 붙여넣으면 됩니다. style·class를 React 표기(camelCase)로 바꿔야 할 수 있어요.