は SVG 変換 Data URI,使用 CSS 背景グラフ,対応 URL エンコードと Base64 エンコードオプション
フォーマット変換
このツールについて
SVG 转 Data URI はオンラインツールです,変換可能 SVG コード変換 Data URI 文字列,使用で CSS と HTML 中内嵌使用。対応 URL エンコードと Base64 出力、可能选 SVG 最適化,かつ生成可能直接使用の CSS コード——すべての処理はブラウザ内でローカルに完了します。
主な機能
- は SVG 変換 URL エンコードの Data URI
- は SVG 変換 Base64 エンコードの Data URI
- 変換前行い SVG 最適化
- CSS background-image 出力形式
- HTML img src と原始 Data URI 出力
- リアルタイム変換とリアルタイムプレビュー
使用シーン
- で CSS スタイル表中直接内嵌 SVG アイコン
- で HTML 中内联 SVG 画像以提升性能
- 経由では SVG 嵌入のため Data URI 减少 HTTP リクエスト
- 作成含む嵌入画像の便携式 HTML ドキュメント
- 生成 SVG 背景の CSS コード片段
svg
data-uri
base64
embed
inline
よくある質問
とは何ですか SVG 转 Data URI コンバーター?
SVG 转 Data URI コンバーターはオンラインフォーマット変換ツールです,変換可能 SVG コード変換 Data URI 文字列,使用で CSS と HTML 中内嵌使用。対応 URL エンコードと Base64 エンコード,かつ提供 SVG 最適化と可能直接使用の CSS コード生成。
URL エンコードと Base64 違いは何ですか?
URL エンコードの Data URI 使用百分号エンコード表示特殊文字,出力较大但更易读。Base64 エンコード生成紧凑の2進数にテキスト表示,に対して于复杂 SVG 容量更小,但不可能读。
ツールできますで変換前最適化 SVG か?
はい,启用最適化 SVG オプション后,ツールできますで生成 Data URI 之前削除 SVG 中不必要の空白、コメントと空属性,からそして减小出力容量。
私の SVG データはサーバーに送信されますか?
ありません。すべて SVG 转 Data URI の変換完全でお客様のブラウザ内行い。お客様の SVG コードがサーバーにアップロードまたは転送されることはありません,保証お客様の工作完全にプライベートですとセキュリティ。
我できます直接は出力使用 CSS か?
できます。ツール生成可能直接使用の CSS background-image コード片段。只需コピー CSS 出力かつ貼り付けにスタイル表中,Data URI 即可能作のため有效の背景画像 URL 使用。