SVG 파일 압축

SVG(Scalable Vector Graphics)는 픽셀로 이루어져 있지 않습니다. 도형·경로·색상을 수학적 명령으로 기술하는, XML로 작성된 텍스트 파일입니다. 그래서 SVG 로고는 파비콘부터 광고판까지 어떤 크기에서도 완벽하게 선명하며, 웹의 아이콘·로고·일러스트에 선호되는 형식입니다. 래스터 격자가 아닌 코드이기 때문에 SVG 압축은 그 코드를 청소하는 것이지 시각적 디테일을 버리는 것이 아닙니다. 즉 절약은 사실상 품질 손실 없이 얻어집니다.

Illustrator·Figma·Sketch 같은 디자인 도구는 기술적으로는 올바르지만 잡동사니로 가득한 SVG를 내보냅니다. 수십 개의 아이콘을 페이지에 인라인으로 넣으면 이 오버헤드가 빠르게 쌓입니다:

• 브라우저가 무시하는 에디터 메타데이터·주석·네임스페이스
• 좌표의 과도한 소수점 정밀도(2자리면 충분한데 10자리)
• 숨겨진 레이어, 빈 그룹, 사용하지 않는 정의
• 단순화할 수 있는 중복 속성과 인라인 스타일
• 사람을 위한 공백과 들여쓰기—브라우저에는 불필요

MiCompress는 빌드 도구처럼 SVG를 최소화합니다. 에디터 잔해와 주석을 제거하고, 좌표를 합리적인 정밀도로 반올림하고, 중복 속성을 접고, 숨겨진 요소와 빈 요소를 삭제하고, 불필요한 공백을 짜냅니다. 이 변경들은 실제 도형에 손대지 않고 표기 방식만 바꾸므로 렌더링 결과는 눈에 바이트 단위로 동일합니다. 결과는 더 작고 깨끗한 SVG로, 렌더링이 빨라지고 HTML이나 CSS에 바로 인라인하기도 쉬워집니다.

JPG·PNG·WebP와 달리 SVG 압축은 중요한 의미에서 진정으로 무손실입니다. 벡터를 기술하는 코드를 최적화하는 것이므로, 그래픽은 여전히 무한히 확대되고 모든 줌 레벨에서 픽셀 단위로 완벽하게 보입니다. 품질 슬라이더도, 저울질할 트레이드오프도 없습니다. 줄어드는 것은 파일의 글자 수뿐이며, 페이지 로드마다 다운로드되는 자산에게 그것이야말로 원하는 것입니다.

로고·아이콘·단순한 일러스트에서는 SVG가 래스터 형식을 거의 항상 이깁니다. 대개 더 작고, 항상 선명하며, CSS로 스타일링과 애니메이션이 가능합니다. 이미지가 사진이거나, 깨끗한 벡터 경로로 환원되지 않는 복잡하고 회화적인 디테일을 가진 경우에만 PNG나 WebP를 쓰세요. 아직 아이콘을 PNG로 내보내고 있다면, 최소화된 SVG로 바꾸면 보통 무게가 줄고 고해상도 화면의 흐릿함도 사라집니다.