SVG 파일 압축 방법.

SVG 압축기를 열고 SVG 파일을 선택하거나 샘플을 사용해 보세요. 샘플은 svg-compressor.svg이며, 512 × 512 viewBox, 그라데이션 채우기, 제목 및 설명이 포함된 985 바이트 궤도 마크입니다. 마크업이 이미 편집기나 클립보드에 있는 경우 붙여넣기 SVG을(를) 사용하세요.

이 도구는 각각 최대 2 MB인 20개의 파일을 허용합니다. 전체 SVG 문서를 구문 분석하고 외부 파일을 로드하지 않고 표준 SVG 문서 선언을 제거합니다. 잘못된 XML, 사용자 지정 엔티티 선언 및 내부 문서 하위 집합은 거부됩니다. 매우 복잡한 파일은 요소 또는 처리 시간 제한에 도달할 수도 있습니다.

이 워크플로는 정적 벡터 아트워크를 생성합니다. 스크립트, 이벤트 핸들러, 외부 리소스, 애니메이션 및 포함된 래스터 이미지는 제거됩니다. 원본 미리보기는 이미 정리된 상태이므로 소스 파일의 모든 기능을 제한 없이 렌더링한 것으로 해석해서는 안 됩니다.

두 개의 미리보기 패널은 정리된 원본과 최적화된 결과를 보여줍니다. 원본 및 최적화 옆의 크기와 바이트 요약은 소스 파일과 최종 출력을 비교합니다. 최적화로 인해 특정 파일이 더 커지는 경우, 항상 감소를 보장하는 대신 증가했음을 보고합니다.

설정을 열고 예제에 대해 소수점 정밀도를 2(으)로 설정하세요. 정밀도는 1에서 5까지이며 3에서 시작합니다. 낮은 값은 숫자 기하학을 단순화할 수 있지만 미세한 곡선, 작은 간격 또는 정렬된 가장자리를 이동시킬 수 있습니다. 미리보기에서 중요한 세부 정보가 손실되면 값을 높이세요.

이 샘플은 간단한 기하학을 사용하므로 정밀도 2은(는) 인식 가능한 모양을 유지합니다. 복잡한 소수점 좌표가 있는 다른 SVG는 더 많이 변경될 수 있습니다. 최적화된 SVG 마크업 보기를 통해 다운로드될 실제 텍스트를 확인할 수 있으며, 이는 원본의 별도 표현이 아닙니다.

작업 예제에 대해 '접근 가능한 제목 및 설명 유지'를 활성화된 상태로 두세요. 이렇게 하면 SVG 제목과 설명은 유지하면서 불필요한 편집기 메타데이터를 제거하고 적격한 마크업을 단순화합니다. 이는 서로 다른 종류의 정보이므로 상호 교환 가능한 것으로 취급해서는 안 됩니다.

'내부 ID 단축'은 기본적으로 켜져 있습니다. 최적화 도구는 SVG 내의 참조를 업데이트하지만, 외부 CSS 또는 JavaScript는 여전히 원본 ID에 의존할 수 있습니다. 파일이 요소를 명명하는 더 큰 애플리케이션의 일부인 경우 이 옵션을 끄고 해당 컨텍스트에서 완성된 SVG을(를) 테스트하세요.

예제에 대해 '반응형 치수' 및 '읽기 쉬운 출력 마크업'은 꺼진 상태로 두세요. 반응형 치수는 좌표 viewBox가 확장 가능한 크기를 제공할 수 있을 때 고정 너비와 높이를 제거합니다. 읽기 쉬운 출력은 들여쓰기를 추가하여 유지 관리에 유용하지만 텍스트 크기가 커질 수 있습니다.

시작을 선택한 다음 다운로드를 선택하세요. 작업 결과물은 985 바이트 소스 대비 635 바이트로, 35.5% 감소했습니다. 제목과 설명은 유지되며, 표시된 비교는 실제 소스와 다운로드된 SVG에서 렌더링됩니다.

이 기사는 결과를 선명하게 보여주기 위해 두 벡터를 1,024 픽셀로 렌더링하며, 논리적 좌표 크기는 512 × 512로 유지됩니다. 더 큰 미리보기라고 해서 저장된 SVG에 래스터 콘텐츠가 추가되지는 않습니다. 기존 프로덕션 에셋을 교체하기 전에 대상 페이지에서 실제 벡터를 확인하세요.

파일 하나를 다운로드하면 원래 기본 이름으로 SVG이 저장됩니다. 일괄 다운로드 시에는 하나의 ZIP 파일로 묶이며, 파일 이름이 중복될 경우 번호가 붙은 접미사가 추가됩니다. 처리는 브라우저 내에서 이루어집니다. 나중에 다른 최적화 설정을 시도하려면 원본 소스를 보관하세요.