图片转Base64
把图片转换成Base64字符串，可直接粘贴到HTML、CSS、JSON或邮件模板中。
免费 · 无需注册 · 没有水印 · 文件不会离开你的设备
3步完成图片转Base64
- 选择图片，或拖放到框中。
- 选择输出格式：Data URI、纯Base64、CSS或HTML标签。
- 点击「转换为Base64」，然后复制代码或下载为.txt文件。
什么时候适合用Base64嵌入图片
Base64把文件的字节写成纯文本，所以图片可以直接放在HTML页面、样式表、JSON数据或邮件签名中，而不必作为单独的文件。对于小图标和Logo，这能省掉一次请求；对于某些只接受文本的API和表单字段，这也是传送图片的唯一方式。
代价是体积：Base64文本比图片大约大三分之一，而且无法单独缓存。它适合几KB的小图片，照片还是保留为普通文件更好。想让代码尽量短，可以先压缩图片；Logo和图标则可以用SVG，在任何尺寸下都清晰。
常见问题
如何把图片转换为Base64？
在这里选择一张图片，选好输出格式，然后点击「转换为Base64」。代码会显示在带复制按钮的框中，也可以下载为.txt文件。支持JPG、PNG、GIF、WebP、SVG、AVIF、BMP和ICO图片。
什么是Data URI？
Data URI就是在Base64文本前加上一个短前缀，告诉浏览器文件类型，比如 data:image/png;base64, 后面跟着代码。凡是需要图片URL的地方都能使用它，例如img标签的src或CSS的url()中。
如何在HTML或CSS中使用Base64？
选择「HTML <img> 标签」可以得到一个现成的img元素，选择「CSS background-image」可以得到一行能直接粘贴到样式规则中的代码。两者都包含完整的Data URI，无需单独的文件就能显示图片。
为什么Base64比原图片还大？
Base64每3个字节要用4个文本字符表示，所以代码比文件大约大33%。小图标没什么影响，但照片的体积会迅速增加。如果代码太长，请先压缩图片或缩小尺寸。
我的图片会上传到服务器吗？
不会。图片在你自己设备上的浏览器中读取和编码，不会发送给我们，也不会保存在任何地方。页面加载完成后，即使断开网络，工具也能照常使用。