图片转Base64
本地将图片转换为 Base64 Data URI,支持拖拽上传,可复制嵌入 HTML / CSS。
点击此处或拖拽图片文件到虚线框内
尚未选择图片
工具介绍
Base64 Data URI 可以把图片直接写进网页或样式表,省去一次图片请求,常用于小图标、Loading 占位图、邮件内嵌图等场景。本工具在浏览器本地用 FileReader 完成编码,图片不会上传服务器。
- 三种复制格式:Data URI、纯 Base64、img 标签 / CSS background;
- 显示原图与编码后体积对比;
- 建议仅对 10KB 以内的小图使用内嵌。
常见问题
什么场景适合把图片转成 Base64?
小于 10KB 的小图标、装饰图内嵌进 CSS/HTML 可减少请求、加快首屏;大图不建议内嵌,会使文件臃肿且无法被浏览器独立缓存。
转换后体积为什么变大了?
Base64 每 3 字节转 4 字符,体积约增大 33%,这是算法特性。如需减小体积请先使用「图片压缩」工具。