SVG Data URI 変換

SVG を Data URI、Base64、エンコード URI に変換

SVG Data URI を生成. ライブプレビューにより、viewBox の欠落、意図しない色、非表示のパス、透明部分の問題を見つけやすくなります。

SVG を Data URI に変換URI パネルでは 3 種類の形式を確認できます。

SVG Data URI を生成. ライブプレビューにより、viewBox の欠落、意図しない色、非表示のパス、透明部分の問題を見つけやすくなります。

ライブプレビューにより、viewBox の欠落、意図しない色、非表示のパス、透明部分の問題を見つけやすくなります。

準備ができたら、コードをコピーし、SVG をダウンロードし、必要なエクスポートパネルへ切り替えられます。

SVG Code

XML

Minified Data URI

Base64 Data URI

encodeURIComponent Data URI

SVG Code

XML

The preview strips scripts and inline event attributes, then renders SVG in a sandbox.

SVG コードを貼り付け、対応する出力パネルを開きます。

ライブプレビューにより、viewBox の欠落、意図しない色、非表示のパス、透明部分の問題を見つけやすくなります。

準備ができたら、コードをコピーし、SVG をダウンロードし、必要なエクスポートパネルへ切り替えられます。

SVG Data URI を生成

SVG Data URI を生成. ライブプレビューにより、viewBox の欠落、意図しない色、非表示のパス、透明部分の問題を見つけやすくなります。

処理はブラウザ内で完了し、SVG がサーバーへアップロードされることはありません。

準備ができたら、コードをコピーし、SVG をダウンロードし、必要なエクスポートパネルへ切り替えられます。

SVG Data URI を生成. ライブプレビューにより、viewBox の欠落、意図しない色、非表示のパス、透明部分の問題を見つけやすくなります。準備ができたら、コードをコピーし、SVG をダウンロードし、必要なエクスポートパネルへ切り替えられます。

処理はブラウザ内で完了し、SVG がサーバーへアップロードされることはありません。

準備ができたら、コードをコピーし、SVG をダウンロードし、必要なエクスポートパネルへ切り替えられます。