データURIスキーム。
データURIスキームはRFC2397で定義されており、いくつかの小さなデータを直接Webページに埋め込む目的で、外部ファイルからロードする必要はありません。たとえば、上記の文字列は、実際にはこれらのキャラクターをFirefoxアドレスバーにコピーして貼り付けます。
上記のデータURIでは、データは取得されたデータの契約名、画像/GIFはデータ型名、base64はデータのエンコードメソッド、コンマの後に画像/GIFファイルBase64がエンコードされたデータが続きます。 。
現在、データURIスキームでサポートされているタイプは次のとおりです。
データ:、テキストデータ
データ:テキスト/プレーン、テキストデータ
データ:Text/HTML、HTMLコード
データ:Text/HTML; base64、base64エンコードHTMLコード
データ:テキスト/CSS、CSSコード
データ:Text/CSS; base64、base64エンコードCSSコード
データ:Text/JavaScript、JavaScriptコード
データ:Text/JavaScript; base64、base64エンコードJavaScriptコード
データ:Image/GIF; Base64エンコードGIF画像データ
データ:Image/PNG; Base64エンコードされたPNG画像データ
データ:画像/jpeg、base64エンコードされたJPEG画像データ
データ:Image/X-Icon、base64エンコードされたアイコン画像データ
Base64は、8ビットデータを標準のASCII文字に変換します。 'Images /log.gif”'));
現在、IE8、Firfox、Chrome、およびOpera Browserはすべて、この種の小さなファイルの埋め込みをサポートしています。
写真の例を見てみましょう:
Webページの画像は次のように表示できます。
コードコピーは次のとおりです。
<img src = "http://www.jwzzsw.com/images/log.gif"/>
このように表示することもできます。
コードコピーは次のとおりです。
<img src = "data:image/gif; base64、r0lgodlhagacaiaaap /// waaacwaaaaagacaaarads ="/>
画像ファイルの内容をHTMLファイルに直接書き込みます。欠点は、ブラウザがそのような画像をキャッシュしないことです。
PS:ここでは、参照用のBase64エンコードツールとBase64エンコード変換ツールへのオンライン画像を提供します。
base64への画像変換オンラインツール:http://tools.vevb.com/transcoding/img2base64
Base64エンコードおよびデコードツール: http://tools.vevb.com/transcoding/base64