首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > Web前端 >

图片base64编码展示

2012-06-26 
图片base64编码显示?我们正常情况下,在html中会使用 img标签显示图片,如:img srchttp://XXX.com/yyy.pn

图片base64编码显示

?我们正常情况下,在html中会使用 img标签显示图片,

如:<img src="http://XXX.com/yyy.png"?

?

其实也可以使用图片的base64编码格式达到同样的效果,

如: <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA

AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO

9TXL0Y4OHwAAAABJRU5ErkJggg==" >

当然也可以把一些样式图片放在css文件中,

个人觉得这个主要是为了降低http连接数, 比较适用于页面上背景图片,直接写在css样式中,而且图片本身不会特别大,不至于base64编码以后文件css文件成倍增大.

?

这里备忘标记一下, 虽然用的不多.

参考 :?

http://en.wikipedia.org/wiki/Data:_URI_scheme

http://staratsky.iteye.com/blog/314651

?

?

热点排行