インラインで画像をHTMLに埋め込むData URLスキーム at softelメモ

まずはこの画像見えますか？ → 見えなかったら、IE6かIE7あたりをご利用でしょうか。 HTMLには次のように書いています。（見づらくてすみません。） <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAGQAAABkCAYAAABw4pVUAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAABIAAAASABGyWs+AAAACXZwQWcAAABkAAAAZACHJl7mAAAPj0lEQVR42u2deXCc5X3HP8+79yFptTpW1mkdlm/ZYBtkbGC4IVCHciQ4pXUozGRKjpaZlMmkmUw7TKbTTOm0ZEiZ0EyICcWUkrQFzOEYcHxgIL4kIQsJS9Zpr7Rrr3al1a529336x64FtrUraaXVruR9Zt7RjEba4/m

[okumuraa1]

ありがとうございますm(_ _)m

[jirolabo]

[

[Arahabica]

“data:image/png;base64,”[html]

[eriko315]

data:と書くと "画像をurlから読み込むのではなく、htmlにインラインで埋め込む"

[kojika17]

DataURIを使用すると、ページ速度は確実に上がる。でもメンテナンス性があ悪くなったりするので、使用するところに注意| インラインで画像をHTMLに埋め込むData URLスキーム at softelメモ

[daikix]

説明するときにわかりやすそう。

[quicktemplate]

画像をurlから読み込むのではなく、htmlにインラインで埋め込む方法。ie6,7未対応