SVG 최적화기 & 압축기
개인정보 보호 설계 — 브라우저에서 모두 처리됩니다
브라우저에서 SVG 파일을 압축하고 정리합니다. Toova는 메타데이터를 제거하고, 경로를 단순화하며, 중복 요소를 축소하고, 원본과 동일하게 렌더링되는 더 작고 빠른 SVG를 생성합니다. 파일을 어디로든 업로드하지 않고 말입니다.
제거되는 것
디자인 도구의 SVG 파일에는 많은 군더더기가 포함되어 있습니다. 편집기 메타데이터, 아무것도 참조하지 않는 XML 네임스페이스, 주석, 빈 그룹, 중복 변환, 그리고 어떤 디스플레이도 렌더링할 수 있는 것보다 더 많은 정밀도의 부동 소수점 좌표. Toova는 시각적 출력을 정확히 보존하면서 그 모든 것을 제거합니다. 결과는 일반적으로 40-70% 더 작으며, Illustrator나 Sketch에서 나온 파일의 경우 훨씬 더 작을 수 있습니다.
경로 단순화
경로 데이터는 종종 SVG 파일의 가장 큰 부분입니다. Toova는 좌표를 구성 가능한 정밀도로 반올림하고, 직선의 중복 제어점을 제거하며, 장황한 구문을 더 짧은 등가물로 변환합니다. 결과는 정밀도 임계값을 넘어 확대하지 않는 한 원본과 시각적으로 구별할 수 없습니다. 정밀도가 낮을수록 파일이 작아지지만 극단적인 확대에서는 약간 덜 매끄럽습니다.
로컬 전용
모든 최적화는 브라우저에서 일어납니다. 붙여 넣은 SVG(브랜드 자산, 출시되지 않은 아이콘 또는 독점 그래픽)는 페이지를 떠나지 않습니다. 최적화 중 네트워크 탭은 비어 있으며 첫 로드 후 페이지는 오프라인에서 작동합니다. 그래서 Toova는 디자인 시스템 작업과 내부 자산 준비에 안전합니다.
자주 묻는 질문
- SVG가 얼마나 더 작아집니까?
- 디자인 도구에서 나온 파일의 경우 일반적으로 40-70% 더 작으며, 원본에 무거운 메타데이터가 있었다면 훨씬 더 작습니다. 이미 군더더기 없는 손으로 작성한 SVG의 경우 절약은 더 작습니다. 보통 10-20%.
- 최적화가 SVG 모양을 변경합니까?
- 눈에 띄게는 아닙니다. 최적화기는 렌더링된 출력을 정확히 보존합니다. 경로 정밀도는 구성 가능합니다. 기본 정밀도에서는 사용자가 실제로 사용할 어떤 확대 수준에서도 차이가 보이지 않습니다.
- viewBox를 제거합니까?
- 아니요. viewBox는 SVG 확장에 중요하며 항상 보존됩니다. 최적화기는 viewBox가 충분할 때 중복 너비와 높이 속성을 제거합니다.
- 특정 메타데이터를 유지할 수 있습니까?
- 예. 기본적으로 편집기별 메타데이터는 제거되지만 접근성 메타데이터(제목, 설명, ARIA 역할)는 보존됩니다. 더 세밀한 제어가 필요하면 개별 최적화 패스를 토글하십시오.
- 제 SVG가 서버로 전송됩니까?
- 아니요. 최적화는 전적으로 브라우저에서 실행됩니다.