image-processing - 如何生成数据URI

最近，我遇到了数据URI方案，并在Wikipedia上对其进行了阅读。

示例代码如下所示：

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

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

注意：我正在专门寻找没有服务器端脚本的情况。但是您仍然可以为可能遇到此问题的其他人发布服务器端脚本方式。我也看到过为您做到这一点的网站，我自己该怎么办？

最佳答案

在Google Chrome浏览器中查看图片时，这是一种很酷的方法：


右键单击有问题的图像，然后选择“检查元素”
右键单击图像的URL（光标将变为手形），然后在“资源”面板中选择“打开”链接
右键单击“资源”面板中的图像，然后选择“将图像复制为数据URL”
将数据URI粘贴到需要的地方