什么是base64，iVBORw0K ....在css上？ [复制]答案

【问题标题】：what is base64,iVBORw0K.... on css? [duplicate]什么是base64，iVBORw0K ....在css上？ [复制]
【发布时间】：2014-03-28 02:25:53
【问题描述】：

我是新手。我正在学习 php、mysql 和 css。我正在阅读许多源代码以了解真正的程序员是如何工作的。在一个网站上，我看到了一个源代码，其中有人在 css 上写了以下行。

background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAxCAIAAACUDVRzAAAAA3NCSVQICAjb4U/gAAAALElEQVQImWMwMrJi+v//PxMDw3+m//8ZoPR/qBgDEhuXGLoeYswhXg8R5gAAdVpfoJ3dB5oAAAAASUVORK5CYII=) 100% 100%;

现在我不明白什么是 base64，其余的不可读代码是什么？你可以在这里找到 style.css 的完整源代码 http://blogaddition.com/2013/01/database-driven-multi-level-horizontal-css-menu-with-php-and-mysql/

请帮助我学习和理解。

【问题讨论】：

Google base64 编码图片
你们为什么这么反对？
@RomainBraun - 将鼠标悬停在向下投票箭头上。看看它怎么说它没有显示任何研究工作？这就是为什么。
@j08691 是的，我不太同意，也许他试图获得比维基百科更多的信息。我喜欢认为下次有人想知道 base64 时这个问题会在 google 中弹出，并且有人可能会带来一个足够有趣的答案。
@RomainBraun 与 SO 上关于 base64 编码的所有其他问题相反？ stackoverflow.com/search?q=%5Bcss%5D+base64

标签： html css

【解决方案1】：

那是一个data-url，基本意思是图片的数据是用base 64编码的（比如颜色代码是base 16，常规数字是base 10），然后放入一个url。然后，您可以使用该编码的 url，而不必引用 Internet 上的 url。

您可以尝试使用谷歌搜索“将图像转换为 base64”或类似内容以查找 base64 图像生成器。

数据 URL 通常用于较小的图像（否则您的其他文件会因为所有数据 URL 而变得很大）。然后将加载这些较小的图像，而无需发送另一个 HTTP 请求来获取这些图像，因此对于较小的图像，例如您网站上的小精灵，使用 data-urls 可以有助于加快加载速度。

【讨论】：

【解决方案2】：

这是一个数据 URI

http://en.wikipedia.org/wiki/Data_URI_scheme

它就像一个图像文件，但内联在 css 文件中。

【讨论】：

【解决方案3】：

Base64 是一种编码类型，它允许您将可能包含特殊字符（这会导致解析错误）的任何类型的数据仅作为数字和字母放入代码中。 http://en.wikipedia.org/wiki/Base64

序列data:image/png;base64, 是一个键，它告诉浏览器以下字符串包含图像的编码版本。它不是从远程 URL 加载图像，而是直接包含在 CSS 页面中。浏览器会将该字符串解码为图像文件。 http://en.wikipedia.org/wiki/Data_URI_scheme

【讨论】：