ように、画像部分がBASE64エンコードで埋め込まれた形になります。これを手動で実行するのは面倒です。形式のコードを設定したものです。ソースコードを確認いただければ、コード値を利用していることが分かります。表示イメージは、変換前の画像と全く同じです。確かに、どのブラウザがBase64イメージの埋め込みを行うのですか?私が指しているのはthisです。私はそれがページサイズをかなり増加させるので、通常はほとんどの場合、良い解決策ではないことを認識しています。研究.私はこの質問に似た解決策を探し求めました、実際には、私はこれが元の質問であることを理解しました。URIで使う際には、Base64への変換がよく使われているようです(名のあるLESSというCSSフレームワークもコンパイル時に自動的にSVGをBase64に変換する※)。上で書いたようにXMLデータですので、Base64に変換.Base64でデコード。文字列をデコードするbase64のためのオンラインツール。HTMLのDataUrlBASE64でFirefoxでは破損イメージ表示になり表示できません。ご指摘ありがとうございます。確かに仕様書どおりでなく、「;(半角スペース)base64」と書いていました。Base64というエンコード方法を使って、画像そのものをCSSソース中に埋め込む方法を解説。ウェブ上に小さな画像を多数掲載する際、画像ファイル1つ1つを読み込むよう記述していると、サーバへのリクエスト回数も多くなるため余計な.スタイルシートだけでSVG画像を表示する方法です。画像ファイルを読み込んで表示するのではなく、SVGのコードをBase64でエンコードしてソースに直接埋め込みます。古いブラウザでは表示できませんので、ご注意を。schemeでbase64のテキストに変換するツール。画像をテキストに変換することでHTMLやCSSの内部に画像データを直接埋め込むことができます。コメントありがとうございます。toDataURLに指定した型式がBase64文字列の先頭になるようです。toDataURLの引数には画像と同じ形式を指定してください。サンプルも修正しました。画像をbase64エンコードするツールです。ローカル環境で処理するため、画像を当サーバーにアップロードする必要がありません。私は最近ウェブ上でファイルを見つけました、そして私は本当にそれへのオリジナルのURLが必要ですが、それはBase64にエンコードされています。.私は自分のハードドライブ上の実際のGIFとJPEGファイルにWebページからいくつかのbase64イメージを保存する必要があります。FileまたはBlob種類を取ります。Base64でエンコードされたデータをファイルに保存してからアップロードすることはできますが、実際のファイルに変換することをお勧めします(jpgまたはpngと.canvasの画像をBase64形式に変換するには、.toDataURLを使用します。問題を引き起こすことがある。形にエスケープする必要が生じるためである。HEXダンプ等のデータを相互変換するWEBツールです。SHA-256等も同時に行えます。つの部品で構成されます。