SVG 뷰어 – SVG 코드를 안전하게 보기 | petuja.tools

SVG 코드

SVG/XML 코드를 붙여 넣거나 직접 편집하세요.

미리보기

보안을 위해 스크립트와 외부 리소스는 차단됩니다.

100%

유효한 SVG 코드가 여기에 표시됩니다.

What this tool does

SVG 뷰어는 SVG 코드를 브라우저에서 직접 렌더링하므로 코드를 외부 서비스로 보내지 않고도 벡터 그래픽을 확인할 수 있습니다.

How to use the tool

완전한 SVG 문서를 코드 입력란에 붙여 넣거나 XML을 직접 편집합니다.
렌더링된 그래픽을 확인하고 확대·축소 또는 이동 기능으로 세부 내용을 살펴봅니다.
다른 SVG를 확인하려면 보기를 초기화하거나 입력란을 지웁니다.

Useful applications

직접 만든 SVG를 웹사이트에 사용하기 전에 확인하기.
브라우저에서 벡터 그래픽의 viewBox, 도형, 간격을 점검하기.
SVG 코드의 작은 변경 사항과 렌더링 결과를 비교하기.

Notes and limitations

코드는 브라우저에서 로컬로 처리됩니다. 스크립트, 삽입된 HTML, 외부 리소스는 차단됩니다.
지원되지 않거나 잠재적으로 안전하지 않은 SVG 콘텐츠는 미리보기에서 제거될 수 있습니다.

Frequently asked questions

SVG가 표시되지 않는 이유는 무엇인가요?

내용이 <svg> 루트 요소를 가진 유효한 XML인지 확인하세요. 불완전하거나 형식이 잘못된 문서는 렌더링되지 않습니다.

외부 이미지나 글꼴을 불러오나요?

아니요. 보안을 위해 외부 리소스와 실행 가능한 콘텐츠는 차단됩니다.