SVG 뷰어 & 최적화 도구

SVG는 웹에서 가장 강력한 이미지 형식입니다. 해상도와 관계없이 선명하고, CSS로 스타일링 가능하며, 작은 파일 크기를 자랑합니다.

SVG의 장점

• 해상도 독립적 (Retina 디스플레이 완벽 대응)
• XML 기반으로 텍스트 에디터에서 편집 가능
• CSS와 JavaScript로 인터랙션 가능
• 아이콘, 로고, 그래픽에 최적
• 접근성 텍스트 추가 가능

SVG 최적화

디자인 도구에서 내보낸 SVG는 불필요한 코드가 많습니다:

• 메타데이터 및 주석 제거
• 숫자 정밀도 줄이기
• 불필요한 그룹 병합
• 속성을 CSS 클래스로 변환

SVGO로 자동 최적화

SVGO는 SVG를 자동으로 최적화하는 Node.js 도구입니다. 평균 40~70%의 파일 크기를 줄일 수 있습니다.