图片转 Base64 工具
即时将任意图片(JPG、PNG、GIF、WebP、SVG)转换为 Base64 字符串或 Data URI。支持图片预览、一键复制。免费在线工具,纯浏览器端运行,无需上传。
使用方法
- 将图片拖拽到上传区域,或点击该区域打开文件选择器。
- 图片预览、文件信息和编码结果会即时显示。
- 点击 Base64 String 旁的 Copy 复制原始 Base64 数据。
- 点击 Data URI 旁的 Copy 复制完整的 Data URI,可直接用于 HTML/CSS。
- 点击 Clear 重置并继续转换其他图片。
常见使用场景
嵌入 HTML
直接在 <img> 标签中使用 Data URI,无需额外 HTTP 请求。
嵌入 CSS
在 CSS 中用 Data URI 设置图标或 Logo 的背景图。
JSON 数据传输
将 Base64 字符串包含在 JSON API 请求体中,用于不支持二进制数据的场景。
Base64 编码的体积开销
Base64 编码后的数据体积约比原始二进制文件增加 33%。 例如,100 KB 的 PNG 编码后约为 133 KB。 对于图标、Logo 等小图片来说影响可接受,但对于大尺寸照片则效率较低。
FAQ
支持哪些图片格式?
支持浏览器原生支持的所有图片格式:JPG/JPEG、PNG、GIF、WebP、SVG、BMP、ICO、TIFF 及 AVIF。工具使用浏览器内置的 FileReader API 进行处理。
Base64 字符串与 Data URI 有什么区别?
Base64 字符串是图片的原始编码数据。Data URI 是完整的内联资源格式,在 Base64 数据前加上 MIME 类型前缀(如 data:image/png;base64,),可直接用于 HTML img 的 src 属性或 CSS background-image。
有文件大小限制吗?
没有硬性限制,但对于较大的图片(>5 MB),由于编码在内存中进行,可能会使浏览器变慢。对于大文件,建议先压缩图片再进行转换。
图片会被上传到服务器吗?
不会。转换完全在浏览器中通过 FileReader API 完成,您的图片文件不会离开设备。