도구 소개
SVG 정렬은 한 줄에 몰려 있거나 들여쓰기가 일정하지 않은 SVG를 읽기 쉽게 정리합니다. XML이 온전한지 먼저 확인한 뒤 줄을 나누어도 되는 태그 구조를 정렬하며, 경로 데이터, 텍스트 내용과 네임스페이스는 유지합니다.
사용 방법
- SVG 파일을 선택하거나 정리할 소스를 붙여 넣으세요.
- 단계별 들여쓰기를 공백 2칸 또는 4칸으로 선택하세요.
- 정렬을 누르세요. 입력이 올바르지 않으면 안내에 따라 태그와 속성을 확인하세요.
- 결과를 확인한 뒤 복사하거나 formatted.svg로 다운로드하세요.
주요 기능
- 공백 2칸과 4칸 들여쓰기를 선택할 수 있으며 예제, 지우기, 복사와 다운로드를 지원합니다.
- 그림, 그라디언트, 정의와 텍스트를 유지하며 SVG를 픽셀 이미지로 바꾸지 않습니다.
- 올바르지 않은 XML은 정렬하지 않으므로 입력 내용을 먼저 수정할 수 있습니다.
서식 정리 방식
- 텍스트와 혼합 콘텐츠의 공백은 표시 결과에 영향을 줄 수 있어 신중하게 유지합니다. 따라서 이런 부분은 태그마다 줄이 나뉘지 않을 수 있습니다.
- 주석, CDATA, 네임스페이스와 경로 데이터의 의미는 유지됩니다. 속성 따옴표나 빈 요소 표기 방식은 통일될 수 있습니다.
- 서식을 정리해도 안전하지 않은 내용까지 제거되지는 않습니다. 다운로드 결과에는 원본의 스크립트나 외부 참조가 남을 수 있으며, 이 페이지의 미리보기에는 별도의 안전한 사본을 사용합니다. 출처가 불분명한 원본을 검증된 파일로 간주하지 마세요.
SVG 안전 안내
미리보기에는 안전하게 처리한 정적 사본을 사용합니다. 스크립트, 클릭 이벤트와 애니메이션을 실행하지 않으며 외부 이미지, 글꼴과 스타일도 불러오지 않습니다. 외부 참조, 삽입된 웹페이지와 지원되지 않는 내용은 제거되므로 원본과 다르게 보일 수 있습니다. DOCTYPE이나 사용자 정의 엔티티가 포함된 문서는 지원하지 않습니다.
SVG 파일 또는 UTF-8 소스는 최대 2 MiB, 노드는 요소와 텍스트를 포함해 최대 20,000개, 중첩 깊이는 최대 96단계까지 허용됩니다. 내용이 너무 크거나 구조가 복잡하면 파일을 단순하게 정리한 뒤 사용하세요.
개인정보 보호
SVG 내용은 사용자의 브라우저에서만 처리되며 서버에 업로드되지 않습니다.
입력과 결과는 자동으로 저장되지 않습니다. 지우거나 페이지를 떠나기 전에 필요한 파일을 다운로드하고 원본 사본도 보관하세요.
자주 묻는 질문
SVG를 정렬하면 그림이 바뀌나요?
읽기 쉽게 서식만 정리하며 경로나 그라디언트를 의도적으로 바꾸지 않습니다. 텍스트 표시에 영향을 주는 공백은 유지합니다. 다만 미리보기는 안전 처리 때문에 원본과 다르게 보일 수 있습니다.
SVG와 XML은 어떤 관계인가요?
SVG는 XML 문법으로 그래픽을 표현합니다. 태그 쌍이 올바르게 맞아야 하고 속성값에는 올바른 따옴표가 필요하며, 문서의 최상위 요소는 SVG여야 합니다.
서식을 정리하면 파일이 작아지나요?
보통은 그렇지 않습니다. 들여쓰기와 줄바꿈이 추가되어 조금 커질 수 있습니다. 파일 크기를 줄이려면 SVG 압축을 이용하세요.
정렬과 압축은 어떻게 다른가요?
정렬은 읽기 쉬운 서식에, 압축은 파일 크기를 줄이는 데 중점을 둡니다. 정렬 결과는 원본 내용을 유지하며 모든 잠재적 위험이 제거되었다는 뜻은 아닙니다.