SVG 압축기
SVG 파일을 압축해 더 빠르게 불러오기
메타데이터, 편집기 데이터, 중복 마크업 및 과도한 숫자 정밀도를 제거하여 SVG 파일 크기를 줄입니다. 다운로드하기 전에 원본과 압축된 SVG를 비교하세요. 아무것도 업로드되지 않았습니다.
새 파일의 기본값을 편집하고 있습니다
미리보기
미리보기가 없습니다. 파일을 추가하고 선택하면 결과가 표시됩니다.
아직 파일이 없습니다. 위에 파일을 놓거나 '파일 선택'을 누르세요.
SVG를 압축해야 하는 경우
SVG는 텍스트이므로 두 번 압축합니다. 한 번은 중복 마크업이 제거될 때이고, 한 번은 서버가 남은 내용을 gzip하거나 brotlis할 때입니다. Editor 내보내기가 가장 많은 낭비를 가져옵니다. Illustrator, Figma, Sketch 및 Inkscape는 생성기 메타데이터, 편집기 네임스페이스, 사용되지 않는 정의 및 렌더러에 필요하지 않을 수 있는 지나치게 정확한 좌표를 작성합니다. 이러한 오버헤드를 제거하는 것은 JavaScript에 번들로 포함된 인라인 SVG, 기호 스프라이트 및 아이콘 세트에 대해 가장 중요합니다. 여기서 마크업은 다운로드되어 페이지의 나머지 부분과 함께 구문 분석됩니다.
SVG 파일을 온라인에서 압축하는 방법
- 1
SVG 파일을 끌어다 놓거나 '파일 선택'을 눌러 대기열에 추가합니다. 한 번에 최대 40개까지 가능합니다.
- 2
안전, 균형, 최대 중에서 고르고 원하지 않는 단계를 하나씩 끄면 파일마다 줄어든 용량이 그 자리에서 갱신됩니다.
- 3
'모두 저장'을 누르면 결과를 내려받을 수 있습니다. 대기열에 여러 개가 있으면 하나의 ZIP이 됩니다.
개인정보: 파일은 브라우저를 벗어나지 않습니다
변환은 JavaScript 및 WebAssembly를 사용하여 브라우저에서 로컬로 실행됩니다. 파일 업로드나 서버측 변환이 없으므로 추가한 파일은 장치에 그대로 유지됩니다.
로컬 처리는 기밀 로고, 내부 문서 및 미공개 클라이언트 아트워크를 보호하는 데 도움이 됩니다. 페이지와 변환 코드는 사용하는 동안 캐시되므로 이미 연 도구는 네트워크 연결 없이도 계속 작동할 수 있습니다.
자주 묻는 질문
제 SVG는 얼마나 작아지나요?
파일의 출처에 따라 다릅니다. 이미 깔끔하게 손으로 쓴 SVG는 약간만 손실될 수도 있습니다. 편집기 내보내기에는 제거 가능한 메타데이터, 네임스페이스, 그룹 및 숫자 정밀도가 더 많이 포함되는 경우가 많습니다. 주변 마크업을 최적화해도 이미지 데이터가 다시 압축되지 않으므로 포함된 래스터 이미지가 지배하는 파일은 거의 변경되지 않을 수 있습니다.
압축하면 SVG 모양이 달라지나요?
안전은 보수적인 반면 균형 및 최대는 점진적으로 더 강력한 변경 사항을 적용합니다. 좌표 반올림은 미세한 세부 사항을 이동할 수 있으며, 페이지에서 CSS를 제공하지 않을 때 너비와 높이를 제거하면 SVG 크기 조정 방식이 변경될 수 있습니다. 시각적 차이가 전후에 표시되므로 다운로드하기 전에 결과를 검토할 수 있습니다.
압축한 뒤에도 gzip을 써야 하나요?
예, 그들은 다른 일을 합니다. 이 도구는 렌더러에 필요하지 않은 마크업을 제거합니다. 그런 다음 gzip과 Brotli는 전송을 위해 남은 텍스트를 압축합니다. 마크업 최적화는 브라우저가 최종적으로 구문 분석하는 파일을 줄이는 반면 gzip 또는 Brotli는 네트워크를 통해 전송되는 바이트를 줄입니다.