SVG 최적화

이 브라우저에서 처리

텍스트 한도: 2000000자

파일 한도: 32 MB

이 도구는 입력을 업로드하지 않습니다.

벡터를 벡터로 두면서 바이트를 줄입니다. 보이는 비트맵이 필요하면 SVG를 PNG로입니다. 필터를 지우면 모습이 바뀔 수 있습니다.

웹에 올린 로고 SVG가 일러스트레이터·피그마 잔여 때문에 필요 이상으로 큽니다. 티스토리 스킨에 인라인하면 글이 느려집니다. 이 페이지는 마크업을 줄입니다. 카톡·한글이 벡터를 거절하면 SVG를 PNG로입니다.

일반 사진 바이트는 이미지 압축입니다.

편집 잔여를 걷을 때

내보내기 SVG에는 주석, 편집용 그룹, 소수점 여덟 자리가 붙습니다. 이 엔진은 숫자를 짧게 하고 공백과 주석을 접습니다. viewBox를 일부러 지우지 않는 편이 반응형에 안전합니다. CI에서 폴더 전체를 돌리려면 로컬 SVGO가 맞습니다. 티스토리 스킨에 인라인할 아이콘은 줄인 뒤에도 크롬과 웨일에서 형태를 확인하세요.

애니메이션 SMIL이 빠지거나 깨질 수 있습니다.

PNG로 바꾸는 일과 다름

  1. .svg를 놓거나 코드를 붙입니다. 대략 32MB까지입니다.
  2. 이 탭에서 최적화합니다.
  3. 브라우저에서 형태를 확인한 뒤 배포하세요.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M4 12h16"/></svg>

인쇄 윤곽선을 보장하지 않습니다.

사내 랜딩에 인라인할 아이콘은 최적화된 뒤에도 형태를 크롬과 웨일에서 한 번씩 보세요. 카톡 미리보기용 PNG가 필요하면 최적화 뒤에 SVG를 PNG로로 이어 가세요. 파일은 탭에 남습니다. XSS 감사가 아닙니다. 형태가 바뀌면 원본을 다시 쓰고, 카톡·한글·이력서 칸용은 보이는 PNG가 필요하면 형제 변환 페이지에서 바꾸세요.

자주 묻는 질문

카톡에 올리려고 PNG로 바뀌나요?

출력은 SVG입니다. 래스터는 SVG를 PNG로입니다.

최적화 후 아이콘이 달라 보입니다.

주석·공백·소수점을 줄입니다. 복잡한 필터·마스크는 깨질 수 있습니다. 원본을 남기세요.

JPG 사진 용량을 줄이나요?

이미지 압축입니다. 여기는 벡터 마크업입니다.

스크립트와 외부 이미지를 보안상 제거하나요?

경량이 목적입니다. XSS 감사나 보안 스캐너라고 말하지 않습니다.

SVGO 프리셋 전부를 켜나요?

소수점 반올림과 공백·주석 제거가 중심입니다. CLI 플러그인 전부를 약속하지 않습니다.

로고 SVG가 디자인 서버로 올라가나요?

아닙니다. 줄이기는 이 탭에서만 이뤄집니다. 대략 32MB까지입니다.

관련 도구