SVG 압축

SVG 파일의 크기(이미지 가중치)는 비트맵과 달리 픽셀 크기에 의존하지 않고 코드 양에 의존합니다. 큰 이미지의 경우 SVG 형식의 이점은 분명합니다. SVG는 파일 크기 면에서 항상 비트맵보다 성능이 뛰어나다고 가정할 수 있지만 항상 그런 것은 아닙니다. 웹 사이트를 구축하는 경우 SVG 파일에 익숙할 것입니다. 그다지 일반적인 이미지 형식은 아니지만 Google Chrome, Microsoft Internet Explorer 및 Mozilla Firefox와 같은 대부분의 최신 웹 브라우저에서 지원됩니다. SVG는 Scalable Vector Graphics의 약자로 XML 기반 벡터 그래픽 형식입니다. SVG 파일은 파일 크기, 렌더링 속도 및 편집의 세 가지에 대해 최적화할 수 있습니다. 대부분의 경우 특히 복잡한 도면의 경우 편집을 위한 최적화가 필요합니다.

최적화를 통해 SVG 코드의 양을 줄일 수 있습니다. 메타데이터를 제거합니다. 그래픽 편집기(예: Adobe Illustrator)에 저장한 후 SVG 코드에는 불필요한 정보가 많이 포함되어 있습니다. 이 정보를 제거하면 파일 크기가 줄어들고 이미지에 영향을 미치지 않습니다. 불필요한 개체 제거. 이미지에는 불필요하거나 숨겨진 개체와 개체를 그룹화하는 태그가 포함될 수 있으며 제거해도 이미지에 영향을 주지 않습니다. 사용하지 않는 클래스 및 식별자 제거. 벡터 이미지를 편집할 때 그래픽 편집기는 클래스와 식별자를 태그에 추가할 수 있으며, 이는 이미지의 최종 버전에는 필요하지 않습니다. 태그 속성 최적화. 속성의 빈번한 사용은 CSS 속성으로 대체될 수 있습니다. 많은 수의 요소를 사용하면 SVG의 무게를 크게 줄일 수 있습니다. 불필요한 노드 제거. 벡터 이미지의 각 점은 코드의 볼륨에 반영됩니다. 불필요한 노드를 제거하면 볼륨을 줄이는 데 도움이 됩니다.