如何生成数据URI(How to Generate a Data URI)

我最近碰到数据URI方案和正在读关于它的维基百科 。

示例代码看起来是这样的：

<img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUA
          AAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO
          9TXL0Y4OHwAAAABJRU5ErkJggg==" alt="Red dot">

我的问题是：：（IE你如何生成的代码iVBORw0KGgoAAAA...使用网站上的）？

注：我专门找了这是如何没有服务器端脚本来完成。 但是，你仍然可以张贴其他人谁可能会遇到这个问题，服务器端脚本的方式。 此外，我所看到的网站，会为你做这个，我该怎么做我自己？

Answer 1:

这里是一个很酷的方式在谷歌浏览器的时候做的图片：

1. 用鼠标右键单击有问题的图像，并选择检查元素
2. 右键单击图片的网址（光标会变成手形），然后选择资源面板中打开链接
3. 用鼠标右键单击资源面板中的图像，然后选择复制图像数据网址
4. 粘贴数据URI无论你需要它

Answer 2:

如果不是从清楚维基百科文章 ，数据URI只是推搡文件的全部内容（比如，PNG）到一个文本链接的方式。 由于许多有趣的类型的文件包含的不是表示为文本数据，该方案使用的base64编码来表示一个文本格式的可能的二进制数据的全谱。

此外，当浏览器检索从Web服务器上的文件，Web服务器告诉浏览器是什么类型的文件，在形式的MIME类型 。 由于数据URI没有一个Web服务器（甚至一个文件名！）来识别文件的类型，这种信息必须包含在URI中。

Answer 3:

（我不能评论还没有，所以我加入这个作为一个新的答案。）

类似奥兰D.主的回答 ，这应该工作在Firefox：

1. 在Firefox中打开图像文件（或打开与图像的网页）。
2. 右键单击该图片，然后选择“检查元素”。
3. 在检查中，图像标签，现在应该强调。 右键单击图像标签，并选择“复制图像数据URL”（即使它可能不是真的是一个网址，这就是菜单项称为目前）。
4. 无论你需要它粘贴数据URI。

Answer 4:

做一些更多的阅读后，我遇到了一个网站这是链接到从网站，我相信。 运作良好，并给我的代码插入到HTML，CSS和原始数据。 非常好，最好的办法我已经找到。 但是要注意一些我去为数据URI代网站被封锁由于谷歌或AVG恶意软件。 这一个看起来没问题，但。

文章来源: How to Generate a Data URI