바로킷

🎨SVG 미니파이어

SVG 파일에서 주석·여분 공백·에디터 메타데이터를 제거해 용량을 줄입니다.

🔒 브라우저에서 처리워터마크 없음가입 불필요

사용 방법

  1. 1SVG 코드를 붙여넣습니다.
  2. 2최적화 버튼을 누릅니다.
  3. 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)로 바꿔야 할 수 있어요.

관련 도구