SVG 미리보기 및 Base64

브라우저에서 SVG를 미리 보고 CSS, HTML, 앱용 Base64 또는 data URI로 변환합니다.

파일을 선택하거나 SVG를 붙여넣으면 여기서 미리 봅니다

모든 처리는 브라우저에서 — 파일이 기기를 떠나지 않습니다.

사용 방법

삽입 전 아이콘과 일러스트를 확인하고 Base64 또는 data URI를 로컬에서 생성합니다.

  1. 파일 선택, 드래그 앤 드롭(데스크톱) 또는 SVG 소스 붙여넣기.
  2. 체커, 흰색, 어두운 배경에서 확인하고 확대/축소를 조절합니다.
  3. 원문 Base64, Base64 data URI 또는 URL 인코딩 data URI를 복사합니다.
SVG는 기기를 떠나지 않습니다. 미리보기와 인코딩은 브라우저에서만 실행됩니다.

자주 묻는 질문

미리보기는 어떻게 동작하나요?

안전한 blob URL로 img에 표시합니다. 서버 업로드나 HTML 주입이 없습니다.

어떤 Base64 형식을 쓰나요?

API는 원문 Base64. img/CSS는 data:image/svg+xml;base64,... HTML 작은 아이콘은 URL 인코딩 URI도 좋습니다.

SVG가 업로드되나요?

아니요. 모두 브라우저에서 로컬 처리됩니다.

크기 제한은?

SVG 1개 최대 5MB. 일괄 압축은 SVG 최적화 도구를 이용하세요.

관련 검색

이런 검색어로도 찾을 수 있습니다:

  • svg 미리보기 온라인 무료
  • svg to base64 변환
  • svg data uri 생성
  • svg base64 인코딩
  • 브라우저 svg 뷰어
  • 삽입 전 svg 미리보기
  • svg base64 온라인 인코더
  • svg를 data uri로 변환