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

发布时间：2022-07-04 文章分类：编程知识 投稿人：赵颖 字号： 默认 | 大 | 超大 打印

图片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

标签 , ,