普通的html图片调用代码是这样的:
<img src="https://www.toolmao.com/wp-content/uploads/2016/11/logo.png" />
或者css里这样调用
background-image:url("https://www.toolmao.com/wp-content/uploads/2016/11/logo.png")
那么本文所说的base64要怎么用呢,把图片地址换成通过base64编码的图片代码即可,请看下面的代码:
<img src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />
给图片做占位,有时可能会用到这种1个像素纯色的图片,这种能拉伸,多大尺寸显示效果也是一样的。
搞个图片还得网络加载,怪不值当的。
Base64编码这种编码恰好适合我们。