接上篇-css小技巧记录(一)

13、 背景图片使用Base64编码

工具:
Encode Data URL By PuterJam
 注:使用方法-直接将图片拖到该页面即可得到Base64编码
优点:
① 减少了HTTP请求
② 某些文件可避免跨域问题
② 没有图片,更新时就无需重新上传,再清理缓存的问题
缺点:
① 增加了CSS文件的尺寸(Base64编码托本质是将图片的二进制大小以字母形式展示,这个大小会被完全嵌入到CSS文件中)
② 图片完成后还需要Base64编码
综上所述:
当图片实际尺寸很小,且在网站中大规模使用、基本很少被更新、只能是非CSS Script图片 就可使用Base64编码图片(如页面背景线之类的)