图片转Base64 — JPG/PNG/WebP在线编码工具
在线将图片转换为Base64数据URI。支持JPG、PNG、WebP，拖拽打开即可生成HTML/CSS/JSON可直接嵌入的Base64字符串。浏览器本地处理。
功能特性
- ✓将图片转换为Base64数据URI，支持JPG、PNG、WebP、GIF、SVG等格式
- ✓支持拖拽打开和点击选择文件
- ✓一键复制Base64字符串到剪贴板
- ✓将Base64数据保存为.txt文件
- ✓打开后自动预览图片
- ✓显示原始文件大小和Base64字符串长度
- ✓支持将Base64解码还原为可保存的图片
- ✓无文件大小限制，所有处理在浏览器本地完成
- ✓纯本地运算，图片不上传服务器
- ✓适合嵌入HTML的<img>标签、CSS background-url或JSON数据中
使用方法
- 1点击文件区域或拖拽图片文件到浏览器中。
- 2查看图片预览和文件信息（名称、大小、类型）。
- 3复制生成的Base64数据URI。
- 4粘贴到HTML中：<img src="data:image/png;base64,..." />
- 5在CSS中使用：background-image: url('data:image/png;base64,...');
- 6在JSON API中作为字符串传输图片数据。
- 7切换到解码模式，粘贴Base64字符串预览并保存还原的图片。
- 8每次转换即时完成，支持连续打开多张图片。
- 9点击保存按钮将Base64保存为.txt文件备用。
- 10如需缩短Base64字符串，可先使用图片压缩工具缩小尺寸。
常见问题
什么是Base64编码？
∨
Base64是一种二进制到文本的编码方式，将二进制数据转为ASCII字符串。常用于将图片直接嵌入HTML、CSS和JSON中，无需额外的文件请求。
如何在HTML中使用Base64嵌入图片？
∨
将生成的data URI作为src属性：<img src="data:image/png;base64,你的Base64字符串" alt="描述" />。从此工具复制完整字符串粘贴即可。
Base64编码会增加文件体积吗？
∨
是的，Base64编码会使文件体积增加约33%。建议仅对小图片（图标、Logo）使用Base64嵌入，此时省去HTTP请求的收益大于体积增加的开销。
支持哪些图片格式？
∨
支持所有常见格式：JPG、PNG、WebP、GIF、SVG、BMP、ICO、AVIF。输出的data URI会自动包含正确的MIME类型。
有文件大小限制吗？
∨
没有限制。转换完全在浏览器中使用JavaScript的FileReader API完成。但超大文件会产生很长的Base64字符串，可能不适合直接嵌入。
能将Base64解码还原为图片吗？
∨
可以。切换到解码模式，粘贴Base64 data URI即可预览图片并保存还原为原始格式。
我的图片安全吗？
∨
完全安全。所有处理在浏览器本地完成，使用JavaScript的FileReader API读取文件，不会上传到任何服务器。
什么情况下用Base64而不是文件URL？
∨
Base64适合小图片直接嵌入（图标、favicon、邮件签名）。大图片建议使用文件URL，避免HTML/CSS/JSON体积膨胀。
什么是data URI？
∨
Data URI是以'data:'开头的URL，包含MIME类型和Base64编码的数据。它允许在网页文档中直接嵌入数据，无需外部资源请求。
能转换视频或音频到Base64吗？
∨
本工具专为图片设计。如需对其他文件类型编码，请使用我们的Base64编解码工具，支持任意文本和二进制数据。