图片转 Base64

在线图片转 Base64 Data URL 工具，支持拖拽上传，输出可直接用于 CSS/IMG 标签。

纯浏览器本地运行，数据不上传服务器

点击选择或拖入图片（PNG / JPG / WebP / GIF / SVG） 图片仅在浏览器本地读取，不会上传
Data URL

使用说明

  1. 点击虚线区域或直接拖入图片，即可读取为 Data URL（base64）格式。
  2. 输出可直接写入 <img src>、CSS background-image 或嵌入 HTML 邮件。
  3. 大图生成的文本很长，建议先用图片压缩工具缩小后再转换。

常见问题

Data URL 和普通 Base64 有区别吗？
Data URL = data:[MIME];base64,内容，它自带类型信息，浏览器可直接识别。去掉前缀 data:image/png;base64, 后就是普通 Base64 字符串。
Base64 图片适合嵌入网页吗？
小图标（几 KB 内）适合内联以减少请求；大图不建议，Base64 会让体积膨胀约 33%，且无法利用浏览器图片缓存。
图片会被上传吗？
不会。FileReader 在浏览器本地读取文件内容，整个过程无任何网络请求。
反馈