design
無料
サインアップ不要
SVG から CSS バックグラウンドコンバーター
SVGマークアップをCSSのbackground-imageデータURI（URLエンコードまたはbase64）に変換できます。
ツールを読み込み中…
このツールについて
任意のSVGマークアップをペーストすると、URLエンコードとbase64形式の両方でCSSのbackground-image宣言が即座に生成されます。ツールはエンコード前にSVGを最小化してファイルサイズを小さく保ち、CSSバックグラウンドとしてレンダリングされたSVGのライブプレビューを表示します。すぐに使い始められる20種類の一般的なアイコンプリセットが含まれています。
使い方
- 1 ステップ1：入力エリアにSVGコードをペーストするか、プリセットアイコンのいずれかを選んでください。
- 2 ステップ2：ツールがSVGを最小化し、URLエンコードとbase64の両方のCSSスニペットを生成します。
- 3 ステップ3：サンプル矩形のバックグラウンドとしてレンダリングされたSVGをプレビューしてください。
- 4 ステップ4：お好みのCSSスニペットの「コピー」をクリックして、スタイルシートに貼り付けてください。