어도비 일러스트레이터나 피그마에서 SVG를 생성하면 에디터 고유의 레이어 정보(adobe:ns:meta, inkscape:version), 주석, 불필요하게 긴 패스 소수점(예: d="M12.3456789 45.6789123")이 포함되어 파일 크기가 2~3배 불어납니다.
1. SVG 압축을 통한 4대 핵심 최적화 요소
- 에디터 메타데이터 및 주석 제거: 브라우저 렌더링에 불필요한 XML 네임스페이스와 주석 삭제.
- 빈 태그 및 보이지 않는 요소 정리: 투명도가 0인 숨겨진 레이어나 빈
<g>그룹 태그 제거. - 패스 좌표 정밀도(Decimal Precision) 조정: 6자리 이상의 불필요한 소수점을 1~2자리로 반올림하여 파일 용량 대폭 절감.
- 스타일 속성 단순화: 인라인 CSS 속성을 효율적인 축약형으로 병합.