ブラウザ実行モード: データはブラウザ内で処理され、サーバーにはアップロードされません。
速度と安定性: 処理速度はデバイスとブラウザに依存します。大量のバッチ作業では、デスクトップ版の方が安定する場合があります。
ツールを読み込み中です。お待ちください...
ツールを読み込み中です。お待ちください...
オンラインツールを読み込めない、または実行できない場合は、デスクトップツールをお試しください。 https://tools.yikeaigc.com/
ツール使用状況
旧バージョンに戻す先にパラメータを設定し、SVGをインポートして、手順3で変換・ダウンロードします。一括ファイルはプレビューを先頭20件のみ表示し、処理時は全キューを対象にします。
1出力設定
先に出力コード形式とファイル名を確認してから、インポート手順へ進みます。
先に出力形式を設定してからファイルを処理してください。
2内容をインポート
SVGファイルを選択するか、単一のSVGソースを貼り付けできます。ファイルはサーバーにアップロードされません。
3プレビューを読み込む
先にSVG内容を読み込んでください。
4変換とダウンロード
処理後、結果のコピー、単体ファイルのダウンロード、または一括結果のZIP化ができます。
処理待ち0
成功0
失敗0
結果サイズ0 KB
前の2ステップが完了していることを確認し、変換開始をクリックしてください。
5結果プレビューと個別操作
変換完了後、ここに結果が表示されます。
手順
ソフトウェア使用方法
- 変換パラメータを設定:まず出力形式を選択します。Data URI、純粋なBase64文字列、HTML imgタグ、CSS background属性、またはCSS maskアイコンコードを生成できます。
- 処理オプションを設定:
- 長いテキストの改行:改行なし、または76、120、160文字ごとの改行を選択できます。
- xmlnsの自動補完:SVGのルートノードにxmlns属性がない場合に自動で補完し、画像リソースとして表示しやすくします。
- XML宣言を削除:SVG先頭のXML宣言を整理し、テンプレート解析の異常を減らします。
- 基本圧縮:コメントとタグ間の空白を削除し、出力内容を短縮します。
- SVG内容をインポート:1つまたは複数のSVGファイルを選択できます。また、ソースコード貼り付けモードに切り替えてSVGコードを直接入力することもできます。一括ファイルは確認用に先頭20件のみ表示され、残りのファイルも一緒に処理されます。
- サンプルデータを使用:「サンプルSVGを読み込む」または「サンプルソースを入力」をクリックすると、変換結果をすばやく確認できます。
- 変換を開始:「変換ダウンロード」ステップに進んだ後、「変換を開始」をクリックすると、ツールが対応するBase64または埋め込みコードを生成します。
- コピーとダウンロード:変換完了後、個別結果のコピー、個別テキストファイルのダウンロード、全結果のコピー、集計TXTのダウンロードが可能です。一括結果はZIPとしてまとめてダウンロードできます。
- 設定を保存:よく使う出力形式、ZIPファイル名、altテキスト、CSSセレクター、処理オプションを保存でき、次回開いたときにそのまま使用できます。
よくある質問
回答:SVGアイコンやベクター画像をテキスト形式に変換し、HTML、CSS、設定ファイル、または単一ファイルページに埋め込むことで、個別リソースの参照を減らせます。
回答:Data URIには
data:image/svg+xml;base64,プレフィックスが含まれており、画像アドレスとして直接使用できます。純粋なBase64はエンコード本体のみを含み、プログラム側でプレフィックスを連結する場面に適しています。回答:HTMLのimgタグ、CSSのbackground-image属性、CSS maskアイコン、スタイル設定、コンポーネント例、またはドキュメントのコードスニペットで使用できます。
回答:一部のSVGはxmlnsが欠けていると、Data URI画像として読み込んだ際に正しく表示されない場合があります。
xmlns="http://www.w3.org/2000/svg"を追加すると、互換性の向上に役立ちます。回答:変わりません。Base64はデータの表現方法を変えるだけで、SVGのベクター内容は変更しないため、拡大縮小してもベクター特性は維持されます。
回答:結果ファイルは元のSVGの主ファイル名を引き継ぎ、出力形式に応じてtxt、css、htmlファイルとして生成されます。同名のファイルがある場合は、数字を自動で追加して区別します。
回答:よくある原因として、SVGコードの不完全さ、外部リソースの参照、非標準タグ、スタイルへの依存などがあります。まずデザインソフトで標準的なSVGとして再書き出ししてから、変換することをおすすめします。