logo
GeekFormat

SVG 뷰어

SVG 입력
0글자
로컬 미리보기, 신뢰할 수 없는 출처의 스크립트 내용을 붙여넣지 마세요

관련 추천

JSON 압축

스프라이트 생성기

이미지를 ASCII로

QR 코드 & 바코드 생성기

Lorem Ipsum 생성기

이미지 확대

주요 기능

  • 실시간 벡터 렌더링: SVG 코드를 붙여넣으면 즉시 렌더링, 벡터 아이콘, Lottie JSON, 일러스트 디테일을 정확하게 미리 보기
  • 코드 포맷팅 및 강조: XML 구문 강조와 코드 포맷팅 내장, 문자 수 계산 지원, 프론트엔드 디버깅에 적합
  • 간편한 코드 관리: SVG 코드 원클릭 복사, 샘플 코드 로드, Base64에서 SVG 변환으로 작업 효율 향상
  • 유연한 파일 다운로드: 맞춤 파일 이름 설정, 표준 SVG 파일로 직접 다운로드, 소재 저장 및 아이콘 라이브러리 정리에 편리
  • 가볍고 빠른 경험: 브라우저 로컬 처리, 서버 업로드 불필요, SVG 코드와 소재의 개인정보 보호, 빠른 로딩 속도

자주 묻는 질문

SVG 코드를 온라인에서 어떻게 미리 보나요?

SVG 코드나 Base64 코드를 편집기에 붙여넣으면 즉시 벡터 그래픽이 렌더링됩니다. 아이콘 디버깅이나 경로 확인 시 실시간 미리보기로 코드 문제를 빠르게 찾고 수정할 수 있습니다.

SVG 코드의 문자 수와 구문 구조를 확인할 수 있나요?

네. 실시간 코드 통계와 포맷팅 기능이 내장되어 있어 문자 수를 자동 표시하고 XML 구문 강조를 지원합니다. 분할 화면 레이아웃으로 코드 수정과 렌더링 변경을 동시에 확인할 수 있습니다.

렌더링된 SVG를 파일로 저장할 수 있나요?

네. 파일 이름을 설정하고 클릭 한 번으로 표준 .svg 파일로 다운로드할 수 있습니다. 아이콘 라이브러리 정리나 최적화된 SVG 코드 내보내기에 편리합니다.

프론트엔드 아이콘 및 UI 소재 디버깅에 적합한가요?

네. 프론트엔드 개발자와 디자이너를 위해 설계되었으며, 샘플 코드나 사용자 정의 코드를 빠르게 로드하고 벡터 경로를 정확하게 렌더링합니다. 아이콘 정렬 확인, SVG 애니메이션 테스트, Lottie JSON 미리보기 등을 지원합니다.

모바일에서도 SVG 미리보기를 사용할 수 있나요?

네. 모바일 반응형 디자인으로 스마트폰이나 태블릿에서도 코드를 입력하고 렌더링 결과를 확인하며 파일을 다운로드할 수 있습니다.