如何在html中嵌入图片？ - Web 开发 / HTML(CSS)

请问如何在html中嵌入图片？也就是把图片存在于html文件自身，而不是依赖链接和外在图片文件。

---

这个。。。不知道，顶下

---

支持，我也想知道

---

base64

HTML code:
<img src="data:image/png;base64,
iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAABGdBTUEAALGP
C/xhBQAAAAlwSFlzAAALEwAACxMBAJqcGAAAAAd0SU1FB9YGARc5KB0XV+IA
AAAddEVYdENvbW1lbnQAQ3JlYXRlZCB3aXRoIFRoZSBHSU1Q72QlbgAAAF1J
REFUGNO9zL0NglAAxPEfdLTs4BZM4DIO4C7OwQg2JoQ9LE1exdlYvBBeZ7jq
ch9//q1uH4TLzw4d6+ErXMMcXuHWxId3KOETnnXXV6MJpcq2MLaI97CER3N0
vr4MkhoXe0rZigAAAABJRU5ErkJggg==" alt="Red dot" />

---

ie8和ff等都支持

---

这个，还真没有考虑过呢。我也想知道，楼上的那些代码太深奥了，谁能解释一下。。。

---

JScript code:

var img = new Image();
$(img).attr("src","images/" + imageName).load(function(){
$("div").attr("src", "images/" + imageName).show();
});

---

不知道LZ这样想的出发点在哪里？？

  节省HTML导入速度？？？

可是这样一大串编码不仅失去了XHTML的简洁特性，而且这么多字节载入说耗费的时间也不少啊，

如果真的都这样那img就没它存在的理由了

---

看看这里http://www.uedsky.com/sky/demo/embed-base64-encoded-image-in-html.html