SVG 최적화
정적 SVG 파일을 선택하거나 코드를 붙여넣어 최적화합니다. 최적화 전후의 표시, 코드, 용량을 비교하고 결과를 복사하거나 SVG로 저장할 수 있습니다.
할 수 있는 일
SVG 용량 정리
주석이나 편집 소프트웨어의 부가 정보, 숫자 표현 등을 정리합니다.
전후 확인 후 저장
표시·코드·용량을 비교하고 최적화한 SVG를 복사하거나 저장할 수 있습니다.
사용 방법
SVG 입력
SVG 파일을 하나 선택하거나 코드를 붙여넣습니다.
필요하면 설정 조정
고급 설정에서 소수 정밀도와 삭제할 정보를 확인합니다. 보통은 기본값부터 시도할 수 있습니다.
표시와 용량 비교
최적화를 실행하고 겉모습과 코드, 용량의 변화를 확인합니다.
최적화한 SVG 저장
결과 코드를 복사하거나 SVG 파일로 다운로드합니다.
이럴 때 유용
로고나 아이콘 가볍게 하기
웹 게시 전에 SVG를 정리하고 표시와 용량의 균형을 확인합니다.
편집용 정보 정리
제작 소프트웨어의 부가 정보나 주석을 필요에 따라 제거하고 저장합니다.
SVG를 최적화할 때 확인할 점
부가 정보와 표시는 별개
편집 소프트웨어 정보와 주석을 삭제할 수 있습니다. 제목이나 설명 등은 유지하는 설정입니다.
소수 정밀도로 형태가 달라질 때
좌표 등의 소수를 반올림하면 미세한 윤곽이나 위치가 달라질 수 있습니다. 처리 전후를 비교해 주세요.
게시할 곳의 CSS와 참조도 확인
ID와 viewBox는 유지하지만 코드는 정리됩니다. 외부 CSS 등으로 사용하는 경우에는 실제 게시할 곳에서도 겉모습을 확인해 주세요.
대상은 정적 SVG
스크립트나 외부 참조, 내장 이미지, 애니메이션을 포함한 SVG는 대상에서 제외됩니다. SVG 안에서 완결되는 참조는 사용할 수 있습니다.
자주 묻는 질문
파일 크기가 항상 줄어드나요?
이미 정리된 SVG 등에서는 용량이 그대로거나 오히려 늘어날 수도 있습니다. 결과 용량을 보고 판단해 주세요.
겉모습이 그대로인가요?
소수 정밀도 등 설정에 따라 달라질 수 있습니다. 처리 전후의 미리보기와 게시할 곳에서의 표시를 확인해 주세요.
원래 코드도 확인할 수 있나요?
결과의 「최적화 전 코드」를 열면 이번 처리 전의 내용을 확인할 수 있습니다.
파일 처리
- 입력
- UTF-8의 정적 SVG를 사용합니다. 원본 파일은 덮어쓰지 않습니다.
- 출력
- 최적화한 SVG 코드와 .min.svg 파일.