画像の埋め込み - web0609 @ ウィキ

htmlファイルにimgを埋め込むメモ

まずは、HTMLに埋め込みたい画像ファイルをBase64でエンコード（変換）し、テキストデータに変換します。

次に通常imgを指定する場合、src属性の値に画像ファイルのURLを記述しますが、埋め込みする場合はsrc属性の値に下記のように記述します。

<img src="data:形式名;base64,変換したデータ" width="横" height="縦" alt="代替文字">

「変換したデータ」の部分には、Base64でエンコードした文字列をそのまま全部記述します。
途中に改行が含まれてもOK

「形式名」
GIF「 image/gif 」
PNG「 image/png 」
JPEG「 image/jpeg 」

<img src="data:image/gif;base64,tasogareyorimokurakimono+chinonagareyorimoakakimono+以下略,DRAG-SLAVE" width="180" height="111" alt="竜破斬">。

対応ブラウザ
Firefox、Opera、Safari、Chrome

IEは非対応

twitter
twitterハッシュタグは「#web0609」です。
発言の最後に半角スペース＋「#web0609」を入れてつぶやいていただくと「#web0609」関連の発言を参照することができます。