🖼️ 图片转 Base64
上传图片一键生成 Base64 字符串，适合嵌入 CSS/HTML，图片完全在浏览器处理不上传。
🕒 最后更新： · 内容持续迭代中
拖拽图片到此处，或点击选择文件
支持 PNG、JPG、GIF、SVG、BMP、WebP 等格式
🔄 Base64 转图片
📖 图片 Base64 转换使用指南
图片 Base64 工具双向转换：图片→Data URI（base64 编码嵌入 HTML/CSS）、Data URI→图片文件——小图标内联（省 HTTP 请求）、邮件内嵌图片、CSS 背景图内联的前端常规操作，「图片变成一串字符」的魔法背后是编码规范。
怎么用
- 上传图片（或粘贴 Data URI 反向解码）
- 查看 base64 编码结果与体积对比
- 复制 Data URI 字符串（data:image/png;base64,...）
- 粘贴进 HTML img src 或 CSS background 使用
注意事项
- Base64 会「膨胀 33%」：编码后体积大于原图——只内联小图（<5KB），大图 base64 是性能反模式
- 内联的「适用边界」：小 logo/图标（省请求）适合，照片/大图（拖慢首屏）不适合——体积分界线自己定并遵守
- CSS 里用 base64 时「缓存失效」：内联进 CSS 后图片随 CSS 一起缓存——更新图片需改 CSS 的版本号
- 构建工具的自动化方案：webpack 的 asset/inline 阈值自动处理——手动 base64 只用于临时场景与调试
常见问题
- 什么情况下用 Base64 内联？
- 三个典型：极小图标（<3KB 省请求）、邮件内嵌图（邮件不支持外链图时的兜底）、单文件交付（HTML 必须自包含的场景）——其余情况走图片文件+CDN。
- Base64 编码是加密吗？
- 不是——Base64 是「编码」（可逆的表示方式）不是「加密」：任何人都能解码还原——「图片藏进字符串」是传输手段，不是安全手段。
- 为什么我的 base64 图片不显示？
- 三查：data URI 的 MIME 类型对不对（image/png）、字符串是否被截断（复制完整性）、CSS 属性是否写错（url() 引号）——三查完 90% 解决。
📌 工具速览
上传图片一键生成 Base64 字符串，适合嵌入 CSS/HTML，图片完全在浏览器处理不上传。
📘 使用说明
- 拖拽或选择本地图片（JPG / PNG / GIF / SVG / WebP）
- 实时生成 data:image/...;base64,... 字符串
- 可一键复制或直接嵌入 CSS background / HTML <img>
❓ 常见问题
Q: 图片转Base64是免费的吗？
A: 完全免费，无需注册登录，直接在浏览器中使用。所有数据在本地处理，不上传服务器。
Q: 图片转Base64安全吗？数据会上传吗？
A: 安全。所有操作在浏览器本地完成，数据不离开你的设备，适合处理隐私文件。
📅 内容更新于
·
📚 收录 2391+ 在线工具
·
🤖 适配 AI 搜索引用（豆包/DeepSeek/Kimi/文心/ChatGPT）
