测试链接（评论里随便找了一个头像地址），不明白怎么用看页面下面的使用方法。

https://sdn.geekzu.org/avatar/4c490e6d5aad180a35c76b93d9da7f92?s=200&r=G&d=

生成代码

图片链接：

数据类型：

生成代码：

测试

将图片的 Data URL 贴到下方文本框中：

使用方法

可以跨域的网站

对于允许跨域的图片源站，直接贴图片地址就能在测试栏里得到代码。

但是大部分网站都是禁止跨域的，所以下面的更常用。

禁止跨域的网站

本想做成在线工具，一试才知道 JavaScript 读取图片会有跨域问题，怪不得工具网站也都是上传图片转换的。只好贴出函数，在目标站打开调试工具 Console，直接执行代码。

• 将图片地址贴入本页【图片链接】栏，复制生成的代码。
• 访问源站或者直接浏览图片地址，打开【开发者工具界面】，找到 console 栏。
  • 
• 粘贴生成的代码，回车。
• 然后你会看到生成了一段代码，有一个很小的 copy 按钮，点一下就复制了。