벡터를 벡터로 두면서 바이트를 줄입니다. 보이는 비트맵이 필요하면 SVG를 PNG로입니다. 필터를 지우면 모습이 바뀔 수 있습니다.
웹에 올린 로고 SVG가 일러스트레이터·피그마 잔여 때문에 필요 이상으로 큽니다. 티스토리 스킨에 인라인하면 글이 느려집니다. 이 페이지는 마크업을 줄입니다. 카톡·한글이 벡터를 거절하면 SVG를 PNG로입니다.
일반 사진 바이트는 이미지 압축입니다.
편집 잔여를 걷을 때
내보내기 SVG에는 주석, 편집용 그룹, 소수점 여덟 자리가 붙습니다. 이 엔진은 숫자를 짧게 하고 공백과 주석을 접습니다. viewBox를 일부러 지우지 않는 편이 반응형에 안전합니다. CI에서 폴더 전체를 돌리려면 로컬 SVGO가 맞습니다. 티스토리 스킨에 인라인할 아이콘은 줄인 뒤에도 크롬과 웨일에서 형태를 확인하세요.
애니메이션 SMIL이 빠지거나 깨질 수 있습니다.
PNG로 바꾸는 일과 다름
.svg를 놓거나 코드를 붙입니다. 대략 32MB까지입니다.- 이 탭에서 최적화합니다.
- 브라우저에서 형태를 확인한 뒤 배포하세요.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 12h16"/></svg>
인쇄 윤곽선을 보장하지 않습니다.
사내 랜딩에 인라인할 아이콘은 최적화된 뒤에도 형태를 크롬과 웨일에서 한 번씩 보세요. 카톡 미리보기용 PNG가 필요하면 최적화 뒤에 SVG를 PNG로로 이어 가세요. 파일은 탭에 남습니다. XSS 감사가 아닙니다. 형태가 바뀌면 원본을 다시 쓰고, 카톡·한글·이력서 칸용은 보이는 PNG가 필요하면 형제 변환 페이지에서 바꾸세요.