图片base64编码显示 suflow ITeye技术网站

图片base64编码显示 - suflow - ITeye技术网站

图片base64编码显示

博客分类：
• Web前端

imghtml图片

 我们正常情况下，在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