Tiny SVG - Optimize SVGs & Convert to React, Vue, Svelte Components

홈 최적화 블로그 정보

설정

グローバル설정

원본を表示

Gzip 압축 비교

마크업 정리

다중 패스

숫자 정밀도

변환 정밀도

기능

문서 타입 제거

XML 지시문 제거

주석 제거

<metadata> 제거

xmlns 제거

에디터 데이터 제거

속성 공백 정리

스타일 병합

인라인 스타일

스타일 압축

스타일을 속성으로 변환

ID 정리

래스터 이미지 제거

사용하지 않는 정의 제거

숫자 반올림/재작성

숫자 목록 반올림/재작성

색상 압축

알 수 없는 값 및 기본값 제거

불필요한 그룹 속성 제거

불필요한 스트로크 및 채우기 제거

viewBox 제거

enable-background 제거/정리

숨겨진 요소 제거

빈 텍스트 제거

도형을 (더 작은) 경로로 변환

속성을 부모 그룹으로 이동

그룹 속성을 요소로 이동

불필요한 그룹 축소

경로 반올림/재작성

비편심 <ellipse>를 <circle>로 변환

변환 반올림/재작성

빈 속성 제거

빈 컨테이너 제거

경로 병합

사용하지 않는 네임스페이스 제거

중복 요소를 링크로 교체

속성 정렬

<defs>의 자식 요소 정렬

<title> 제거

<desc> 제거

width/height보다 viewBox 선호

스타일 요소 제거

스크립트 제거

범위를 벗어난 경로 제거

더 이상 사용되지 않는 속성 제거

내보내기