图片转 Base64

图片转 Base64 编码工具

点击或拖拽图片到此处

支持 JPG, PNG, GIF, WebP 等格式

说明

  • 图片转换在本地浏览器完成,不会上传到服务器
  • Base64 编码后的文件大小约为原始大小的 133%
  • Data URL 可直接用于 HTML img 标签的 src 属性

图片转 Base64 使用说明

  1. 点击上传区域或拖拽图片文件到上传区域
  2. 工具自动将图片转换为 Base64 编码字符串
  3. 同时生成 Data URL 格式(data:image/xxx;base64,...),可直接嵌入代码
  4. 点击「复制」按钮复制 Base64 编码或 Data URL
  5. 可直接用于 HTML img 标签 src 属性或 CSS background-image 属性

本工具完全免费,无需注册登录,打开浏览器即可使用。

图片转 Base64 常见问题

图片转 Base64 有什么好处?

将小图片转为 Base64 编码后可以直接嵌入 HTML/CSS 代码中,减少 HTTP 请求数量,加快页面加载速度。特别适合图标、小图片等场景。

什么大小的图片适合转 Base64?

建议将 10KB 以下的小图片转为 Base64。大图片转 Base64 后体积会增大约 33%,且会增加 HTML/CSS 文件大小,反而影响性能。

Data URL 和纯 Base64 有什么区别?

Data URL 格式为 data:image/png;base64,xxxx,包含 MIME 类型信息,可直接作为图片 URL 使用;纯 Base64 只是编码字符串,需要额外处理才能作为图片使用。

所有浏览器都支持 Base64 图片吗?

所有现代浏览器(Chrome、Firefox、Safari、Edge 等)都完全支持 Data URL 和 Base64 编码的图片。IE8+ 也有限支持(最大 32KB)。

相关工具

微信二维码

扫码添加微信