TL
Tool Lab
💰捐赠
💰捐赠

图片转Base64

将图片转换为Base64编码字符串或Data URI格式,用于嵌入HTML/CSS。

🖼️

将图片拖放至此处或单击选择

PNG、JPG、WebP、GIF、SVG 等

关于本工具

图片转 Base64 工具可将任意图片文件编码为 Base64 字符串或完整的 Data URI,使您无需单独托管文件即可将图片直接嵌入 HTML、CSS 或 JSON 中。支持拖放或点击选择,并显示原始文件大小与编码后大小的对比。

所有编码均在浏览器中通过 FileReader API 完成,图片不会上传到任何服务器。可在完整 Data URI(带 data:image/…;base64, 前缀)和纯 Base64(无前缀)之间切换。

使用方法

  1. 将图片拖放到上传区域,或点击打开文件选择器。
  2. 文件加载后,编码结果将自动显示。
  3. 使用按钮在 Data URI 和 Base64 Only 之间切换。
  4. 点击复制按钮将结果复制到剪贴板。

使用场景

前端开发者将小图标直接嵌入 CSS 或 HTML 以减少 HTTP 请求。邮件营销人员将图片内联到 HTML 邮件模板中,以避免外部图片被屏蔽。移动应用开发者将图片编码用于 JSON API 载荷。开发者将图片以 Base64 字符串形式存储在配置文件或数据库中。

常见问题

  • Base64 编码会增加文件大小吗?会。Base64 编码会使文件大小比原始二进制文件增加约 33%。
  • 支持哪些图片格式?浏览器可显示的任何格式:JPG、PNG、WebP、GIF、SVG、BMP 等。
  • 大图片也应该 Base64 编码吗?对于超过约 10 KB 的文件,通常建议作为独立文件托管。大型 Base64 字符串会使 HTML/CSS 体积膨胀,影响页面加载性能。