7 行 JS 代码获取最简短的 base64 格式纯色占位图
7 行 JS 代码获取最简短的 base64 格式纯色占位图

有时候为了网站速度,我们不希望有些不必要的图片提前加载,于是使用占位图代替。占位图片可以是纯色的,也可以是个性化的。占位图有很多种选择,大家可以查阅小影的这篇文章 ☞ 10 个优秀的占位图服务但是,占位图也有缺点,就是也需要连接和加载时间。如果一张占位图过大,体验是不好的。那么,为了更快的加载占位图,可以直接使用 data 类型的图片格式,就是 data:image/png;base64,XXX 这种。这种格式的图片存储于页面内,浏览器直接加载,非常快。这时你是不是打算把占位图转换为 base64 ?没错,你的打算是对的。但是!不管多小的图片,转换后 base64 数据都会很长,这么长的数据嵌 ......