클러스터 C5: 이미지 처리
SVG 최적화와 변환 모범 사례
SVG 는 효율적이지만 디자인 툴 출력물 그대로 두면 불필요한 metadata, 장황한 path, 불안정한 viewBox 를 끌고 갑니다. 파이프라인이 필요합니다.
최적화는 안전한 변환부터 시작하세요
운영에 적합한 최적화는 편집기 metadata, 미사용 정의, 과도한 정밀도 제거입니다. 무리한 재작성부터 시작할 필요는 없습니다.
preset 을 바꿀 때마다 아이콘 정렬, stroke, viewBox 정합성을 검증해야 합니다.
변환은 전달 경계에서만 하세요
- 원본의 단일 진실은 SVG 로 유지합니다.
- 플랫폼이 비트맵을 요구할 때만 PNG 등 파생 파일을 만듭니다.
- 변환된 비트맵을 다시 주 자산처럼 편집하지 않습니다.
실무 입력/출력 예시
입력
에디터 metadata 가 포함된 120KB SVG 목표: 웹 아이콘 + 소셜 미리보기 PNG
출력
최적화 후 SVG <20KB 필요한 크기의 PNG 파생본 생성