SVG変換
CSS Background Synthesis
SVGを最適化
空白やコメントを削除
Advanced Background Optimization
スマートな最適化
SVGの品質を維持したまま、不要な空白、コメント、属性を自動的に削除してファイルサイズを最小限に抑えます。
複数の形式に対応
用途に合わせて、URLエンコードされたデータURI（軽量）またはBase64エンコード（高互換性）を選択できます。
ライブプレビュー
CSS背景としてSVGがどのようにレンダリングされるかをリアルタイムで確認し、完璧な見た目を保証します。
使い方
1
入力フィールドにSVGコードを貼り付けるか入力します
2
出力形式を選択し、必要に応じて最適化を有効にします
3
生成されたCSSコードとプレビューを確認します
4
プロジェクトで使用するためにCSSをコピーまたはダウンロードします
Technical Integration
Simply paste the generated CSS as a background-image property in your stylesheet. This allows you to use high-resolution, scaleable icons without external HTTP requests, improving performance and SEO.
Support