SVG 파일은 에디터 메타데이터, 과도한 소수점, 복잡한 패스 때문에 쉽게 무거워집니다. 이 체크리스트는 시각 품질을 유지하면서 용량을 줄이는 데 초점을 둡니다.
1) 구조적인 불필요 요소 제거
- 메타데이터, 주석, 에디터 전용 namespace를 제거합니다.
- 중복된 그룹을 평탄화하고 사용하지 않는 defs, mask, clip을 정리합니다.
- 운영에서 렌더링되지 않는 숨은 레이어를 삭제합니다.
2) 크기를 위한 기하 구조 조정
- UI 스케일에 맞는 안전한 소수점 정밀도로 패스 좌표를 줄입니다.
- 가능한 경우 호환되는 패스를 병합하고 복잡한 곡선을 단순화합니다.
- 반복되는 아이콘은 symbols나 sprite를 사용해 중복 payload를 줄입니다.
3) 실제 사용 맥락에서 검증
- 대상 배경색과 DPR 범위에서 아이콘을 테스트합니다.
- 핵심 화면에서 전후를 비교해 미묘한 시각 회귀를 잡습니다.
- 줄어든 바이트 수를 기록하고 CI에서 한도를 관리합니다.