为什么在CSS中使用base64Encode图像？

Question

可能重复:
将背景图像数据嵌入到css中作为base64,好的或坏的做法

我只是浏览我的Google Chrome主页上的来源,并注意到图片是在CSS中进行base64编码的.这有什么好处？我很想认为这只是为了减少http请求,但是因为它是一个本地应用程序无论如何都没关系,对吧？它可以只在本地加载图像？

menu > [checked]:before {
  content: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAkAAAAJCAYAAADgkQYQAAAARklEQVQYlWNgwA+MgViQkIJ3QKzEAFVpjEPBf5giJaiAMRYF72DWKSEJlKMpgNsgiCTxH5sCbG7AqgBZ4V2sCv7//08QAwAUfjKKBs+BFgAAAABJRU5ErkJggg==");
  display: inline-block;
  height: 9px;
  margin: 0 5px;
  vertical-align: 50%;
  width: 9px;
}

Answer 1

它是一种Data Uri 方案，据我所知，唯一的优点是保存 HTTP 请求（因为所有内容都作为一个加载，而不是获取图像）。

为什么它出现在 google chrome 登陆页面上......好吧，google 确实喜欢炫耀并在所有事情上使用最新的技术。