image-processing - 如何生成数据 URI

Question

我最近遇到了 Data URI 方案，并在 Wikipedia 上阅读到它。 。

示例代码如下所示:

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

我的问题是:如何生成在网站上使用的代码(即:iVBORw0KGgoAAAA...)？

注意:我专门寻找如何在没有服务器端脚本的情况下完成此操作。但是您仍然可以为可能遇到此问题的其他人发布服务器端脚本方法。我也看到过可以为您执行此操作的网站，我该如何自己执行此操作？

Answer 1

在 Google Chrome 中查看图像时，这是一种很酷的方法:

1. 右键单击相关图像并选择检查元素
2. 右键单击图像的 URL(光标将变成手形)并选择在资源面板中打开链接
3. 右键单击资源面板中的图像，然后选择将图像复制为数据 URL
4. 将数据 URI 粘贴到您需要的任何位置