CanDoYa
KO

무료 SVG 최적화

브라우저에서 바로 실행됩니다. 업로드도, 회원가입도 없습니다.

스크립트와 이벤트 핸들러는 제거됩니다
SVG 입력
최적화된 SVG
다운로드
Ctrl 또는 Command + Enter
SVG 마크업을 붙여 넣거나 파일을 선택해 시작하세요
이 도구 공유하기

SVG 최적화는 무엇을 하나요?

SVG 최적화는 편집기 메타데이터, 주석, 중복 속성, 불필요한 소수점 자릿수를 제거해 벡터 파일의 용량을 줄입니다. 마크업을 붙여 넣거나 파일을 선택하면 브라우저에서 SVGO가 실행됩니다. 원본과 최적화 결과를 비교한 뒤, 작업물을 업로드하지 않고 더 작은 SVG를 복사하거나 다운로드할 수 있습니다.

사용 방법

  1. 1SVG 추가. 완전한 SVG 마크업을 붙여 넣거나 로컬 .svg 파일을 업로드 영역에 끌어 놓거나 내장 예시를 불러옵니다.
  2. 2안전한 설정 선택. 소수점 정밀도를 정하고 추가 절감을 위해 다중 패스를 켜 둡니다. 다른 코드에서 참조하는 ID는 유지하세요.
  3. 3최적화하고 비교. SVGO를 실행한 다음 원본과 최적화 결과의 바이트 수, 두 미리보기를 확인합니다.
  4. 4복사 또는 다운로드. 원본 작업물은 그대로 두고 간결해진 마크업을 복사하거나 새 .optimized.svg 파일을 다운로드합니다.

이런 분께 추천

최적화 버튼을 눌렀을 때만 공식 SVGO 브라우저 엔진을 불러옵니다. 표준 플러그인 프리셋을 사용하고 웹에서 더 안전하게 쓸 수 있도록 스크립트와 이벤트 핸들러를 제거합니다. CSS, JavaScript, 그라디언트, 마스크 또는 외부 참조가 ID에 의존한다면 ID를 유지하도록 설정할 수 있습니다.

자주 묻는 질문

SVG 최적화 도구는 무료인가요?

네. 계정, 결제, 설치 없이 SVG 파일을 최적화할 수 있습니다. 정확한 UTF-8 바이트 변화를 보여 주며 결과를 브라우저에서 바로 복사하거나 다운로드할 수 있습니다.

SVG 파일이 서버에 업로드되나요?

아니요. 파일 읽기, SVGO 처리, 바이트 측정, 미리보기 생성이 모두 브라우저에서 이루어집니다. 로고, 아이콘, 공개 전 작업물이 이 도구를 통해 업로드되지 않습니다.

얼마나 큰 SVG 파일을 최적화할 수 있나요?

최대 5 MB의 SVG 소스를 처리합니다. 이 제한은 휴대전화와 일반 노트북에서도 파싱이 원활하도록 돕습니다. 아주 큰 일러스트는 포함된 래스터 이미지를 제거하거나 작업물을 더 작은 에셋으로 나누면 다루기 쉽습니다.

SVG 최적화 후 이미지 모양이 달라질 수 있나요?

SVGO는 렌더링을 유지하면서 중복 데이터를 없애도록 설계됐습니다. 하지만 숫자를 많이 반올림하거나 ID를 정리하면 복잡한 파일에 영향을 줄 수 있습니다. 두 미리보기를 비교하고 실제 삽입 환경에서도 테스트한 뒤 운영 파일을 교체하세요.

소수점 정밀도는 무엇을 바꾸나요?

소수점 정밀도는 좌표, 변환, 관련 숫자에 SVGO가 남기는 소수 자릿수를 정합니다. 값을 낮추면 대체로 더 작아지지만 매우 섬세하거나 큰 작업물은 눈에 띄게 달라질 수 있습니다. 웹 아이콘과 일러스트에는 기본값 3자리가 실용적입니다.

SVG ID를 유지해야 하나요?

CSS, JavaScript, aria 속성, 그라디언트, 마스크, 필터 또는 외부 문서가 ID를 참조한다면 유지하세요. 외부 의존성이 없는 장식 이미지라면 유지를 꺼서 SVGO가 쓰지 않는 식별자를 삭제하거나 줄이게 할 수 있습니다.

SVG 파일의 스크립트도 제거하나요?

네. 최적화 과정에서 script 요소, 이벤트 핸들러 속성, JavaScript 링크를 제거합니다. 일반 웹 이미지로 쓰기에는 더 안전하지만 스크립트 동작이 필요한 SVG 애플리케이션에는 적합하지 않습니다.

다중 패스 최적화는 무엇인가요?

각 패스에서 파일이 더 작아지는 동안 SVGO가 결과를 다시 처리합니다. 앞선 변환이 다음 패스에서 정리할 부분을 새로 만들 수 있어 용량을 조금 더 줄일 때가 있습니다. 다만 대부분의 절감은 첫 패스에서 이루어집니다.