SVG 코드 정리

SVG 코드 정리 도구

한 줄로 뭉쳐진 SVG를 들여쓰기가 있는 읽기 좋은 코드로 되돌립니다 — 그려지는 내용은 하나도 바뀌지 않습니다.

SVG 코드 정리

☞ 모든 처리가 브라우저 안에서 이루어집니다 — 아무것도 업로드되지 않습니다

또는 클릭해서 찾아보기 — SVG만

정리 전후

공백만 바뀝니다 — 주석, 색, path 정밀도는 모두 원래 그대로 유지됩니다.

정리된 코드

다시 읽을 수 있게

경량화된 SVG는 긴 한 줄입니다. 브라우저에게는 문제없지만 사람에게는 고역이죠. 이 페이지는 단계마다 공백 두 칸으로 들여쓰기를 다시 넣어 원하는 요소를 찾기 쉽게 만듭니다.

그 밖에는 아무것도 건드리지 않습니다. 주석은 남고, 색은 적어 둔 표기 그대로이며, 좌표의 소수 자릿수도 그대로입니다 — 파일은 커지고, 그것이 바로 이 도구의 목적입니다.

세 단계

.svg 파일을 고르세요 — 기기를 벗어나지 않습니다.

정리된 코드가 공백 두 칸 들여쓰기로 표시됩니다.

코드를 편집기로 가져가거나 파일로 저장합니다.

빠른 답변

서식을 정리하면 그림이 달라지나요?

아니요. 요소 사이의 공백만 바뀝니다. 색, 좌표, 주석, 속성 순서는 모두 원래 그대로 남습니다.

왜 파일이 더 커졌나요?

들여쓰기도 실제 문자입니다. 정리된 파일은 읽고 고치기 위한 것이니, 웹사이트에 올리기 전에 경량화 도구를 한 번 더 거치세요.

깨진 SVG를 고칠 수 있나요?

아니요. 서식을 정리하려면 파일이 먼저 파싱되어야 합니다. 아무 일도 일어나지 않으면 SVG 뷰어에서 열어 보세요. 파서가 멈춘 지점을 정확히 보여 줍니다.

파일이 업로드되나요?

아니요. 서식 정리는 브라우저에서 이루어지며 파일은 기기를 벗어나지 않습니다.