SVG 클리너란?
SVG 클리너는 SVG 파일 맨 앞에 붙은 XML 선언(<?xml version="1.0"?>), DOCTYPE 선언, 선두 주석처럼 실제 그림에는 필요 없지만 일부 업로드 시스템에서는 오류를 일으키는 코드를 제거해주는 무료 도구입니다. Illustrator, Figma, svgrepo.com, Flaticon 같은 프로그램·사이트에서 내보낸 SVG 파일은 이런 메타데이터를 자동으로 포함하는 경우가 많은데, Blogger처럼 XML 선언이나 주석이 있으면 이미지 업로드 자체를 거부하는 플랫폼도 있습니다. 이 도구는 그런 원인이 되는 코드만 정확히 골라내 제거하고, 실제 그림 데이터는 그대로 보존합니다.
사용 방법
정리하고 싶은 SVG 파일을 드래그해서 놓거나 파일 선택 버튼으로 첨부하세요. 여러 장을 한 번에 올릴 수 있습니다. 파일을 올리면 자동으로 분석과 정리가 진행되고, 어떤 항목이 제거됐는지(XML 선언, DOCTYPE, 선두 주석)와 파일 용량 변화가 바로 표시됩니다. 저장하기 버튼을 누르면 정리된 SVG 파일이 원래 이름 그대로 다운로드됩니다. 파일이 아니라 코드 조각만 갖고 있다면 아래 '코드 직접 붙여넣기'를 펼쳐서 텍스트로도 정리할 수 있습니다.
이럴 때 유용해요
- svgrepo.com, Flaticon 등에서 받은 SVG 아이콘이 Blogger에 업로드되지 않을 때
- 일러스트레이터·잉크스케이프에서 내보낸 SVG가 특정 CMS에서 미리보기가 안 될 때
- SVG 코드를 웹페이지에 인라인으로 붙여넣기 전에 불필요한 메타데이터를 정리하고 싶을 때
- 여러 개의 SVG 아이콘 파일을 한꺼번에 정리해야 할 때
자주 묻는 질문
- 왜 SVG 파일이 Blogger나 일부 CMS에 업로드되지 않나요?
- 일부 플랫폼은 SVG 파일 맨 앞에 <?xml version="1.0"?> 선언이나 <!DOCTYPE svg ...> 코드, 주석이 있으면 업로드를 거부합니다. svgrepo.com, Flaticon 같은 아이콘 사이트나 일러스트레이터에서 내보낸 SVG는 대부분 이런 메타데이터를 자동으로 포함하고 있어서 이 문제가 자주 발생합니다.
- 이 도구는 SVG의 실제 그림(경로)도 손상시키나요?
- 아니요. XML 선언, DOCTYPE, 선두 주석만 제거하고 <svg> 태그 안의 실제 도형·경로·색상 데이터는 전혀 건드리지 않습니다.
- 여러 파일을 한 번에 정리할 수 있나요?
- 네, 여러 SVG 파일을 한꺼번에 올리면 파일마다 독립적으로 정리되고, 각각 따로 저장할 수 있습니다.
- 업로드한 SVG가 서버로 전송되나요?
- 아니요. 모든 처리는 브라우저 안에서만 이뤄지며, 파일이 서버로 전송되거나 저장되지 않습니다.
- 이미 깨끗한 SVG를 넣으면 어떻게 되나요?
- 제거할 항목이 없다는 안내만 표시되고, 원본과 동일한 내용으로 저장할 수 있습니다.