SVG 코드

미리보기

내보내기 옵션

SVG 파일

.svg로 다운로드

PNG 이미지

PNG로 래스터화

React JSX

컴포넌트로 변환

Data URI

Base64 인코딩됨

CSS 배경

배경으로 사용

온라인 SVG 뷰어란 무엇인가요?

SVG 뷰어는 브라우저에서 직접 Scalable Vector Graphics (SVG) 파일을 검사하고 미리 볼 수 있는 무료 도구입니다. 고품질 벡터 파일은 복잡할 수 있으며, 당사의 뷰어는 시각적 결과와 기본 XML 코드를 나란히 확인할 수 있게 해줍니다.

구현 전 SVG 치수, 색상 및 경로를 확인해야 하는 개발자에게 필수적인 유틸리티입니다. 파일이 기기에 머물기 때문에 벡터 자산을 안전하고 빠르게 관리할 수 있는 방법입니다.

온라인 SVG 뷰어 사용 방법은?

  1. SVG 파일을 뷰어로 드래그 앤 드롭하거나 컴퓨터에서 선택합니다.
  2. "미리보기"와 "코드" 탭을 전환하여 파일의 다양한 측면을 검사합니다.
  3. 최적화된 코드를 복사하거나 미리보기를 사용하여 디자인 세부 사항을 확인하세요.