DevTools
语言

图片转 Base64

DevTools 图片转 Base64 工具可在浏览器本地读取图片并生成 Data URL / Base64 字符串,同时展示图片预览、尺寸和 MIME 类型。

图片转 Base64

上传图片并生成 Base64 / Data URL,展示预览、尺寸与 MIME 类型信息。

工具介绍

适合快速生成前端测试数据、嵌入 CSS/HTML 的 Data URL,或调试文件上传前后的编码结果。

使用说明

  1. 选择或拖入本地图片文件。
  2. 查看自动生成的预览、尺寸和类型信息。
  3. 复制 Base64 Data URL 用于页面嵌入或接口测试。

常见问题

图片转 Base64 会上传文件吗?

不会。图片读取通过浏览器 FileReader 在本地完成,不会自动上传到服务器。

输出为什么带有 data:image/png;base64 前缀?

因为工具输出的是完整 Data URL,既包含 MIME 类型前缀,也包含 Base64 正文,便于直接嵌入 HTML 或 CSS。

Base64 图片适合生产环境吗?

小图标和临时测试场景很合适,但大图片转成 Base64 会增大体积,生产环境通常仍建议走文件资源或 CDN。

相关工具