图片转 Base64
工具说明
选择图片以建立可用于 HTML 或 CSS 的 Base64 数据网址。也可以贴上 Base64 图片值并还原为图片文件。工具会显示产生的文字长度与估计大小。
使用方式
- 将图片转为 Base64 数据网址
- 将 Base64 数据网址还原为图片文件
- 识别常见的 PNG、JPEG、WebP 与 GIF 类型
- 显示结果长度与估计大小
- 复制结果或下载还原后的图片
- 选择方向: 选择图片转 Base64，或 Base64 转图片。
- 加入内容: 选择图片或贴上 Base64 图片值。
- 复制或下载: 复制产生的数据网址，或下载还原后的图片。
示例
- 在 HTML 电子邮件模板中嵌入小图标
- 为网页建立默认头像图片
- 从复制的 Base64 值还原图片
- 测试背景图片而无需另外托管文件
限制
- Base64 通常会让文字量增加约三分之一
- 非常大的图片可能产生过长的值，不适合直接嵌入网页
- 选取的图片或输入的 Base64 值会直接在您的浏览器中处理，不会发送至服务器。
常见问题
- 数据网址与原始 Base64 有什么差别？
- 数据网址包含 MIME 类型前缀，例如 data:image/png;base64,...；原始 Base64 只包含编码内容。
- 建议的图片大小是多少？
- 来源图片建议控制在数百 KB 内；过长的数据网址可能拖慢页面加载。
- 可以从 CSS url() 解码吗？
- 贴上数据网址部分即可；若含有外层格式，工具会自动去除。