이 도구의 기능
이 SVG optimizer는 로컬 SVG 파일 하나나 붙여넣은 SVG 문서를 브라우저에서 압축합니다. SVGO 정리 패스를 사용해 주석, 메타데이터, 중복 속성, 불필요한 정밀도, 그리고 보이는 이미지에 영향을 주지 않는 기타 마크업을 제거합니다.
도움이 되는 이유
디자인 도구에서 내보낸 SVG 파일에는 편집기 메타데이터, 장황한 경로, 사용하지 않는 ID, 주석이 포함되는 경우가 많습니다. 이를 최적화하면 다운로드 크기를 줄이고, 페이지 로딩을 개선하며, 웹사이트, 앱, 이메일 또는 문서 페이지에 배포하기 전에 인라인 SVG 코드를 더 쉽게 검토할 수 있습니다.
작동 방식
.svg 파일을 업로드하거나 SVG 마크업을 붙여넣고, 안전 프리셋을 선택하거나
개별 SVGO 패스를 조정한 다음 최적화를 실행하세요. 이 도구는 원본 및 최적화된
미리보기, 절약된 바이트, 최종 마크업을 보여 주므로 복사하거나
.optimized.svg 파일로 다운로드할 수 있습니다. SVG는 기기 밖으로 나갈 필요가
없습니다.
실용적인 참고 사항
- SVG가 외부 CSS, 스크립트로 참조되는 ID, 또는 쉽게 확인할 수 없는 symbol 참조에 의존한다면 안전 프리셋을 유지하세요.
- 크기 제거와 스타일 인라인화가 허용되는 단순한 내보낸 아이콘, 로고, 일러스트레이션에는 강력 프리셋을 사용하세요.
- 원본 아트워크를 교체하기 전에 최적화된 이미지를 미리 확인하세요. 특히 원본이 마스크, 그라디언트, 필터 또는 연결된 에셋을 사용할 때는 더욱 중요합니다.