为什么选择 Data URL
至于为什么选择 Data URL 技术，是因为跟传统的外部资源引用方式相比，它拥有以下优点：
通过这种方式 Base64 编码可以更为快捷方便得对前端的各种图片资源进行优化 。我们看一个具体的例子：
可以明显看到 Base64 编码将一幅图片数据编码成一串字符串，并使用该字符串代替图像地址 。尽管乍一眼看上去没有任何图片相关的内容，但它最终渲染出的毫无疑问是一张完整的图片效果 。
当然使用 Data URL 来进行 Base64 图片编码并不是完美的，它有着两个不容忽视的缺点：
无法被浏览器缓存也就意味着每次访问都需要重新请求资源，这对于服务器压力是比较大的 。那有没有办法，能将这些数据也放入浏览器缓存中呢？
加快加载小技巧
其实大部分网站的背景图构成，是一个宽高只有几个像素的小图片，通过将它平铺成为背景图 。通常我们将小图片保存成 GIF 或 PNG 格式，然后在 CSS 的 background-image 属性中引用图片地址 。但是浏览器本身并不在意 URL里写的是什么，只是需要通过它获取需要的数据 。
所以我们完全可以使用 CSS 样式文件，让 Data URL 形式的图片存储在 CSS 样式表中 。这样浏览器就会缓存 CSS 文件，也就会缓存图片，能够进一步提高页面加载效率 。
上图就是一个简单的使用案例，通过这种方式既避免了让背景图片独自产生一次 HTTP 请求的情况，还让背景图片和 CSS 文件一起被浏览器缓存起来，避免了每次打开网页都加载一次背景图片的情况，让改善用户的浏览体验更为快速流畅 。
【包含base64编码的词条】 通过 Date URL 技术与 Base64 编码的结合有效减少 HTTP 请求，让用户访问体验更好，这其实是我们一个开发过程中的小技巧，希望看完后能够带给大家一些帮助 。

秒懂生活扩展阅读

• 包含rule34的词条
• 包含同志漫画的词条
• 股东大会决议应包含哪些内容
• 包含lm老师的词条
• 包含陈剑锋的词条
• 包含smart的意思的词条
• 包含聊天女仆的词条
• 包含国士成双的词条
• 包含长鼻猴的词条
• 包含k罩杯的词条