SVG Data URI変換
SVGコードをCSSのbackground-imageなどで使えるData URIへ変換し、Data URIから元のSVGへ戻せます。
PitaTools
特徴
- 双方向変換
- URLエンコード
- 結果コピー
Steps
使い方
- 変換方向を選びます。
- SVGまたはData URIを入力します。
- 結果をコピーします。
PitaTools
活用例
- CSS背景画像
- 小さなアイコン埋め込み
- コード調査
Example
入力例・結果例
- 入力例
- 変換・確認したいコードやデータ
- 結果例
- 双方向変換
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
Base64形式ですか？
可読性とサイズを考慮したURLエンコード形式です。
Explore · 開発・データ
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「SVG Data URI変換」についてお気づきの点を運営者へお知らせください。