SVG 축소기
모양을 변경하지 않고 SVG 크기를 축소합니다. 웹 성능과 가벼운 아이콘 전달에 적합합니다. SVG 파일을 온라인으로 열고 즉시 처리를 시작하세요.
SVG 파일을 드래그 앤 드롭하세요
또는 클릭해서 파일을 고르거나 SVG 코드를 붙여넣으세요
SVG 축소기를 사용하는 이유는 무엇입니까?
공백 제거
SVG 축소기는 공백, 탭 및 줄 바꿈을 제거하여 바이트를 줄입니다. 이는 SVG가 HTML 또는 CSS에 인라인되고 모든 문자가 계산되는 경우에 이상적입니다. 또한 JSON 또는 CMS 필드에 포함된 SVG의 크기를 줄입니다.
시각적 안전
형식만 변경되므로 출력에서는 렌더링이 유지됩니다. 경로, 채우기 및 그룹은 그대로 유지되므로 시각적 결과는 브라우저 전체에서 동일하게 유지됩니다. 이를 통해 디자인 검토는 실제 시각적 변화에 초점을 맞춥니다. SVG 축소기는 형상이나 색상을 변경하지 않기 때문에 시각적 QA 전에 실행하는 것이 안전합니다.
더 작은 파일
SVG 축소기는 인라인 자산이 많은 아이콘 세트, 마케팅 페이지 및 UI 키트의 페이로드 크기를 줄이는 데 도움이 됩니다. 파일이 작을수록 더 빠르게 로드되고 성능 지표가 향상됩니다. 이는 모바일에서 성능 예산을 충족하는 데 도움이 됩니다.
SVGO 전원 공급
SVG 축소기는 안정적인 공백 제거를 위해 SVGO를 사용합니다. 이렇게 하면 파일 전체에서 결과의 일관성이 유지되고 위험한 속성 변경을 방지할 수 있습니다. CI 워크플로에서는 예측 가능합니다.
즉시 내보내기
처리 후 SVG 축소기를 사용하면 파일을 즉시 다운로드하거나 복사할 수 있습니다. 이렇게 하면 결과를 저장소나 파이프라인에 쉽게 넣을 수 있습니다. 결과를 티켓에 직접 붙여넣을 수 있습니다.
로컬 처리
모든 것이 브라우저에서 실행되므로 파일이 업로드되지 않습니다. 이를 통해 개인 자산을 안전하게 보호하고 오프라인 작업을 지원합니다. 또한 대규모 자산의 업로드 속도가 느려지는 것을 방지합니다. 로컬 실행은 잠긴 네트워크에서 잘 작동합니다.
SVG를 축소하는 방법
SVG 업로드
파일을 드래그 앤 드롭하거나 마크업을 붙여넣어 시작하세요. SVG 축소기는 로컬로 로드되고 미리보기를 표시하므로 내보내기 전에 소스를 확인할 수 있습니다. 디자인 도구에서 원시 내보내기 또는 스프라이트를 붙여넣을 수 있습니다. SVG 파일을 온라인으로 열고 즉시 처리를 시작하세요.
코드 축소
모든 속성을 유지하면서 공백을 제거하려면 축소 단계를 실행하세요. 이는 디자인 시스템과 스크립트의 출력을 안정적으로 유지합니다. SVG 축소기는 출시 전에 출력을 표준화하는 데 도움이 됩니다. 읽을 수 있는 diff가 필요한 경우 먼저 포맷한 다음 축소하세요.
SVG 다운로드
축소된 파일을 즉시 내보냅니다. SVG 축소기는 파일 이름을 일관되게 유지하므로 프로젝트 전체에서 자산을 쉽게 교체할 수 있습니다. 출력이 커밋되거나 인라인될 준비가 되었습니다.
SVG 축소기 FAQ
온라인 SVG 축소가 SVG 모양을 변경합니까?
SVG 축소와 최적화: 차이점은 무엇인가요?
ID나 viewBox가 변경되나요?
축소된 SVG를 다운로드할 수 있나요?
SVG가 서버에 업로드되어 있나요?
축소하기 전에 포맷하거나 정리해야 합니까?
축소가 접근성에 영향을 미치나요?
인라인 SVG에 사용할 수 있나요?
크거나 복잡한 파일은 어떻습니까?
읽을 수 있는 버전을 유지해야 합니까?
SVG Minifier를 다운로드 없이 무료로 사용할 수 있나요?
SVG Minifier를 사용하려면 계정이 필요합니까?
관련 SVG 도구
SVG 축소기를 이러한 도구와 결합하여 자산을 정리, 최적화 또는 변환하세요. 예측 가능한 결과를 얻으려면 순서대로 사용하십시오.