图片转 Base64

将小于 300KB 的图片即时转换为 base64 字符串或 data URI,本地处理更安全

相关标签

图片
base64
编码

图片转 Base64 工具

在浏览器中将小于 300KB 的 JPG/PNG/GIF/BMP/ICO 图片编码为 base64 或 data URI。

拖拽图片到此处

或点击选择文件

单文件限制:300KB

格式说明

支持 JPG、JPEG、PNG、GIF、BMP、ICO

仅允许小于 300KB 的图片。

使用提示

  • 如超出 300KB,请先压缩或降低分辨率再转换。
  • 编码过程完全在本地浏览器中完成。
  • data URI 适合 HTML/CSS,纯 base64 更方便用于接口或 JSON。

图片预览

尚未选择图片

选择一张符合条件的图片即可预览并生成 base64。

长度:0 个字符
长度:0 个字符

工具简介

图片转 Base64 工具可以在数秒内把符合要求的图片编码为 base64 字符串或完整的 data URI,整个过程在浏览器本地完成。无论是准备内联图标、撰写接口示例,还是制作需要自包含资源的文档,都能轻松搞定。

支持格式与限制

  • 支持格式:JPG、JPEG、PNG、GIF、BMP、ICO
  • 大小限制:单个文件必须小于 300KB
  • 安全性:无需上传或调用第三方接口

这些限制可以保障转换速度、减小内存占用,并让生成的字符串易于管理。

使用步骤

  1. 拖拽图片到工具区域,或点击 选择图片 进行上传
  2. 确认预览无误,查看文件信息是否符合要求
  3. 根据需要复制纯 base64 或包含 MIME 的 data URI
  4. 完成后点击清空,释放浏览器中生成的数据

典型场景

  • 设计交付:交付内联图标或小型界面元素
  • 邮件模板:在 EDM 中嵌入无需外链的小图片
  • 接口示例:为 Mock/接口示例提供 base64 测试数据
  • 技术文档:编写需要自包含资源的教学或演示材料

使用建议

  • 转换前先压缩图片,确保小于 300KB
  • 对于小图标建议使用 PNG 或压缩后的位图格式
  • base64 编码体积会增加约 33%,请控制原图大小
  • 在生产环境使用时,评估缓存策略和页面体积

常见问题

为什么要限制 300KB?

过大的 base64 字符串会显著增加 HTML/JSON 体积,并影响浏览器渲染性能。限制可以保证工具主要用于图标等轻量资源。

能同时转换多张图片吗?

当前版本一次仅处理一张图片,便于逐一确认信息并准确复制结果。

两种输出有什么区别?

纯 base64 只包含编码后的二进制数据;data URI 会附带 MIME 前缀(如 data:image/png;base64,),可以直接粘贴到 HTML 或 CSS 中。

图片会上传到服务器吗?

不会。所有处理都在浏览器本地完成,清空或关闭页面后,生成的数据即会消失。