图片转 Base64

一键生成 Data URI，附可直接粘贴的 HTML 和 CSS 代码片段。

拖放图片到这里
或点击选择文件，也可以直接粘贴剪贴板图片

Base64 Data URI 把图片以文本形式直接嵌入代码中，省去一次额外的 HTTP 请求。它是小图标、Logo、占位图形在 CSS、HTML 邮件和单文件 Demo 中的常用技巧。

拖入图片即刻生成 Data URI——无需点按钮。除了原始 Base64 字符串，还会给出可直接复制的 HTML <img> 标签和 CSS background-image 片段，并显示 Base64 相比二进制约 33% 的体积开销对比。

编码只是纯文本变换，在你设备上毫秒级完成。图标、头像、截图都不会接触任何服务器。

使用方法

  1. 拖入或粘贴一张图片（一次一张方便复制）。
  2. 复制 Data URI，或直接取用生成好的 HTML / CSS 片段。
  3. 粘贴进代码即可——无需任何图床。

为什么用这个工具？

常见问题

什么时候适合用 Base64 图片？
适合 5–10 KB 以内的小资源：小图标、列表符号、简单 Logo。此时省下的请求次数超过 33% 的体积代价。照片或更大的图片请老老实实用压缩文件——Base64 会显著膨胀体积还破坏缓存。
为什么 Base64 版本比我的文件还大？
Base64 把每 3 字节二进制数据编码为 4 个文本字符，体积增加约 33%。服务器端 Gzip 能挽回一部分，但编码后仍然大于原始字节。
邮件里能用 Base64 图片吗？
支持情况参差不齐。出于安全考虑，许多桌面邮件客户端和网页邮箱会过滤或禁用 Data URI。营销邮件建议正常托管图片。
有大小限制吗？
技术上没有，但几 MB 的字符串放进文本域会让浏览器和编辑器变卡。图标和中等尺寸图形毫无压力；超大照片更适合作为文件引用。