← 返回首页
图片 Base64
功能亮点
图片 → Base64
上传图片文件,立刻得到 Base64 Data URL,可直接用于 img src。
Base64 → 图片
粘贴 Base64 编码字符串,一键还原为图片并支持下载。
纯本地转换
图片在你的浏览器中处理,不会上传。隐私数据如证件照也能放心转换。
多格式支持
PNG、JPG、GIF、SVG、WebP 等常见格式都支持。
使用步骤
- 上传图片或粘贴 Base64 字符串;
- 选择转换方向;
- 复制 Data URL 或下载还原的图片。
什么时候用 Base64 图片?什么时候不该用?
Base64 图片的收益是减少 HTTP 请求数——小图标随 HTML/CSS 一起传过来,浏览器不需要另开连接下载。代价是体积增大 33% 且无法利用浏览器缓存。所以原则是:小图标(<500 字节)适合 Base64,大图不适合。邮件模板(邮件客户端常拦截外部图片链接,但允许内嵌 Base64)和单文件 HTML 报告(所有资源自包含)是 Base64 图片的经典应用场景。
常见问题
- 多大的图片适合 Base64?
- 一般建议 500 字节到 1KB 以下的小图标。超过 5KB 的图片用 Base64 得不偿失——体积大 33%、阻塞关键渲染路径、HTML 文件变得臃肿。最经典的应用是邮件中的小 Logo 和 HTML 报告中的状态图标。
- Data URL 的格式是什么意思?
data:image/png;base64,iVBOR...拆解:data:是协议;image/png是 MIME 类型(告诉浏览器这数据的格式);base64表示数据编码方式;逗号后面是编码后的数据。