SVG 압축기
SVGO 4와 기본 프리셋을 사용해 SVG 파일을 최적화하고 압축합니다. 편집기 메타데이터와 주석을 제거하고, 불필요한 그룹을 합치며, 간단한 도형을 간결한 경로로 변환하고, 색상 코드를 짧게 바꾸고, 원하는 정밀도에 맞춰 숫자를 반올림합니다. 추가로 용량을 줄일 수 있도록 여러 번 처리하는 옵션도 제공합니다. 먼저 마크업을 확인하고 viewBox를 유지하므로 아이콘과 일러스트를 배포하는 디자이너와 개발자에게 적합합니다.
자주 묻는 질문
어떤 최적화 도구를 사용하나요?
서버에서 기본 프리셋을 사용해 SVGO 4.1을 실행합니다. 여러 빌드 도구와 아이콘 파이프라인에서 사용하는 것과 동일한 최적화 도구입니다.
기본 프리셋은 무엇을 변경하나요?
편집기 데이터, 메타데이터, 주석을 제거하고 비어 있거나 숨겨진 요소를 삭제하며 불필요한 그룹을 합칩니다. 또한 더 짧게 표현할 수 있는 경우 사각형과 다른 도형을 경로로 변환하고, 경로 데이터와 변환 정보를 최적화하며, #ffffff을 #fff처럼 짧은 색상 코드로 바꿉니다.
정밀도 설정은 어떤 기능을 하나요?
정밀도는 좌표와 기타 숫자에 남길 소수 자릿수입니다. 기본값은 3이며 0부터 8까지 설정할 수 있습니다. 값을 낮추면 파일 크기는 줄어들지만 세부 요소의 위치가 달라질 수 있습니다.
다중 패스란 무엇인가요?
다중 패스를 켜면 결과 파일 크기가 더 이상 줄어들지 않을 때까지 SVGO가 최적화를 반복합니다. 기본적으로 켜져 있으며 대개 파일 크기를 조금 더 줄여 줍니다.
viewBox가 유지되나요?
예. SVGO 4는 기본 설정에서 viewBox와 title을 더 이상 제거하지 않으므로 아이콘이 올바르게 크기 조정되고 접근성용 제목도 유지됩니다.
신뢰할 수 없는 SVG를 정화하나요?
아니요. SVGO는 마크업을 최적화하지만 스크립트나 이벤트 핸들러 속성은 제거하지 않습니다. 신뢰할 수 없는 출처의 SVG를 삽입해도 안전하다고 간주하지 마세요.
어떤 입력을 사용할 수 있나요?
루트 요소가 <svg>인 올바른 형식의 SVG 마크업을 사용할 수 있으며, 앞부분에 XML 선언과 주석이 있어도 됩니다. 잘못된 마크업은 줄과 열을 표시해 보고하고, 루트 요소가 다른 문서는 거부합니다.
SVG 크기는 얼마나 커도 되나요?
요청당 마크업 최대 1MB까지 가능합니다. 최적화는 10초 후에 중단됩니다.
Figma, Illustrator 또는 Inkscape에서 내보낸 SVG를 붙여 넣을 수 있나요?
예. 디자인 도구에서 내보낸 파일에는 불필요한 메타데이터, 편집기 네임스페이스, 긴 숫자가 포함되는 경우가 많으며, 이 도구는 바로 그런 항목을 제거합니다.
내 SVG가 저장되나요?
아니요. 마크업은 메모리에서 최적화된 후 반환됩니다. 저장되지 않으며 요청 크기만 기록됩니다.