SVGプレビューとBase64
ブラウザでSVGをプレビューし、CSS・HTML・アプリ向けにBase64やdata URIに変換します。
ファイル選択または貼り付けでここにプレビュー
Base64とData URI
SVG を読み込むと Base64 と data URI が表示されます
すべてブラウザ内で処理 — ファイルは端末から送信されません。
使い方
埋め込み前にアイコンやイラストを確認し、Base64やdata URIをローカルで取得します。
- ファイル選択、ドラッグ＆ドロップ（PC）、またはSVGソースを貼り付け。
- チェッカー・白・ダーク背景で表示を確認し、ズームを調整。
- 生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はアップロードされますか？
いいえ。すべてブラウザ内で処理されます。
サイズ制限は？
1ファイル最大5MB。一括圧縮はSVG最適化ツールをご利用ください。
関連検索
こんなキーワードでも探されています：
- svgプレビュー オンライン 無料
- svg to base64 変換
- svg data uri 生成
- svgをbase64エンコード
- ブラウザsvgビューア
- 埋め込み前にsvg確認
- svg base64 エンコーダー
- svgをdata uriに変換