SVG 포매터 – 온라인 SVG 정리
SVG 포매터는 공유 XML 엔진을 사용해 SVG 마크업을 일관되게 포맷된 읽기 쉬운 출력으로 바꿉니다. 네임스페이스, 속성과 경로 데이터를 보존하며, 간결한 출력이 유용할 때 문서 압축도 지원합니다. 정리하기 전에 들여쓰기와 가능한 옵션을 선택하세요. 경로 데이터 정밀도 반올림은 기본적으로 꺼져 있어 해당 옵션을 켜지 않으면 경로 데이터가 반올림되지 않습니다.
SVG 포매터는 SVG 마크업을 읽고 작업하기 쉽게 만드는 브라우저 기반 도구입니다. 공유 XML 엔진으로 SVG를 포맷하고 마크업을 압축할 수도 있습니다. 생성된 파일을 정리하든 검토용으로 SVG를 준비하든, 온라인에서 SVG를 포맷하는 간단한 방법입니다.
포매터는 네임스페이스, 속성과 경로 데이터를 보존합니다. 들여쓰기와 가능한 옵션을 선택할 수 있으며, 압축도 포함됩니다. 경로 데이터 정밀도 반올림은 기본적으로 꺼져 있어 포매터가 기본적으로 경로 데이터를 반올림하지 않습니다. SVG를 붙여넣거나 드래그하여 놓으면 시작할 수 있고, 준비되면 정리된 출력을 복사하세요.
SVG는 벡터 그래픽을 기술하는 데 쓰이는 XML 기반 형식이라 마크업에 중첩 요소, 속성과 경로 데이터가 포함될 수 있습니다. 정리하면 마크업 레이아웃을 검사하기 쉬워지고, 압축하면 간결한 출력을 얻습니다. 개발자는 생성된 그래픽을 검토하거나 변경을 비교하거나 조각을 공유하거나 프로젝트에서 SVG 마크업을 다룰 때 SVG를 정리할 수 있습니다.
SVG 포매터는 브라우저에서 완전히 동작합니다. 입력은 사용자의 기기에서 처리되며 업로드되거나 저장되거나 서버로 전송되지 않습니다. 가입이 필요 없으며, 페이지가 로드된 후에는 서버 연결 없이 오프라인에서도 동작합니다.
이 도구는 경험과 관계없이 SVG 파일을 검사·검토·정리해야 하는 개발자와 DevOps 엔지니어에게 유용합니다. 기계 생성 마크업을 다루기 쉽게 만들고, 코드 리뷰용 콘텐츠를 준비하며, 다른 곳에서 사용하기 전에 입력이 깔끔하게 파싱되는지 확인하는 데 도움이 됩니다.
1단계: SVG를 입력 영역에 붙여넣거나 드래그하여 놓으세요. 도구는 SVG 마크업을 처리합니다.
2단계: 들여쓰기와 가능한 옵션을 선택하세요. 압축이 지원되며, 경로 데이터 정밀도 반올림은 기본적으로 꺼져 있습니다.
3단계: SVG를 정리해 읽기 좋은 출력을 얻거나, 간결한 출력이 필요하면 압축을 사용하세요.
4단계: 프로젝트, 검토, 버그 리포트, 코드 변경용으로 결과를 복사하세요.
사용 사례: 저장소에 커밋하기 전에 읽기 어려운 기계 생성 SVG를 검토하기 쉽게 만드세요.
사용 사례: 마크업을 읽기 좋게 만들어 요구되는 명세에 맞게 SVG 문서를 더 쉽게 검토하세요.
사용 사례: 일관되게 들여쓴 출력을 만들어 diff가 공백 차이가 아닌 의미 있는 변경을 드러내게 하세요.
사용 사례: 버그 리포트나 코드 리뷰에 추가하기 전에 SVG 조각을 정리하세요.
사용 사례: SVG 입력이 깔끔하게 파싱되는지 확인하고 파싱이 실패하는 정확한 줄을 찾으세요.
사용 사례: 마크업의 더 간결한 버전이 필요할 때 SVG를 압축하세요.