이 SVG 코드 편집기 소개
왼쪽에 SVG 소스를 붙여 넣으면 편집기가 DOMParser로 엄격한 XML로 해석하고, 문법 오류가 있으면 파서의 오류 메시지를 바로 보여 줍니다. 오른쪽에는 실시간 미리보기가 렌더링되어 수정하면서 결과를 나란히 확인할 수 있습니다. 너비·높이와 소스의 바이트 수(UTF-8)도 입력에 맞춰 집계됩니다.
'최적화' 버튼을 누르면 한 번에 코드를 정리합니다: 주석 제거, 속성 값 안의 숫자를 소수점 둘째 자리까지 반올림, 공백만 있는 텍스트 노드 삭제, 그리고 최적화 전후 바이트 크기 비교. 최적화된 코드는 바로 복사할 수 있습니다. 전 과정이 브라우저 내에서 이루어지며 SVG는 전송되지 않습니다.