SVG 뷰어 & 최적화
SVG 뷰어 & 최적화 도구는 붙여 넣은 SVG 마크업을 실시간 미리보기로 렌더링하고, XML 선언, 주석, title·desc·metadata 요소, 불필요한 공백을 제거해 압축하며 줄어든 크기를 보여 줍니다.
이 도구 소개
SVG 뷰어 & 최적화 도구는 붙여 넣은 SVG 마크업을 실시간 미리보기로 렌더링하고, XML 선언, 주석, title·desc·metadata 요소, 불필요한 공백을 제거해 압축하며 줄어든 크기를 보여 줍니다.
사용 방법
- 입력란에 SVG 코드를 붙여 넣습니다.
- 실시간 미리보기를 확인합니다.
- SVG 최적화를 눌러 압축하고 줄어든 크기를 확인합니다.
- 출력을 복사하거나 .svg 파일로 다운로드합니다.
알아두면 좋은 점
- Illustrator나 Inkscape 같은 편집기는 브라우저에 필요 없는 주석, 메타데이터, 공백을 자주 추가합니다.
- 이런 마크업을 제거하면 보이는 모습은 그대로 두고 SVG를 눈에 띄게 줄일 수 있는 경우가 많습니다.
- 이 최적화 도구는 title과 desc 요소를 제거합니다. SVG에 접근 가능한 이름이 필요하다면 title을 남겨 두세요.
- 미리보기는 SVG를 이미지로 렌더링하므로 파일 안의 스크립트는 실행되지 않습니다.
- SVG 파일은 웹 서버의 gzip이나 Brotli로 잘 압축됩니다.
모든 처리는 브라우저 안에서 이루어집니다. 입력한 내용은 업로드되거나 저장되지 않습니다.
자주 묻는 질문
SVG 파일은 어떻게 보나요?
최신 브라우저에서 열거나, 여기에 코드를 붙여 넣으면 바로 미리 볼 수 있습니다.
SVG 파일 크기는 어떻게 줄이나요?
편집기 메타데이터, 주석, 불필요한 공백을 제거하면 되며, SVG 최적화가 바로 이 작업을 합니다. 더 줄이려면 SVGO 같은 도구로 경로를 단순화할 수도 있습니다.
여기에 SVG 코드를 붙여 넣어도 안전한가요?
네. SVG는 브라우저 안에서만 처리되고 미리 보이며, 이미지로 표시되므로 포함된 스크립트는 실행되지 않습니다.
최적화하면 SVG 모양이 바뀌나요?
아니요. 주석, 메타데이터, 공백처럼 보이지 않는 내용만 제거되고 도형과 색은 그대로입니다.