图片转 Base64 会把二进制字节编码为可放入文本的 ASCII 字符，并可生成带 MIME 类型的 data URL。它适合把很小的图标嵌入 CSS、HTML、JSON 或测试数据，但编码后文本通常比原始二进制大约三分之一。
Base64 不会压缩图片，也不提供加密。把大图直接嵌入页面会增大 HTML 或脚本、失去独立缓存并拖慢解析，因此应先比较普通图片 URL、构建工具内联和 Base64 的实际成本。
工具说明
使用步骤
选择图片文件
确认格式和体积，并先压缩不必要的大尺寸素材。
生成编码文本
根据目标字段选择纯 Base64 或包含 MIME 前缀的 data URL。
放入目标位置测试
检查引号、长度限制和渲染结果，确保接收方不会再次编码。
支持范围与限制
- 输出形式
- Base64 字符串或完整的 Data URL（含 data:image/...;base64, 前缀）
- 体积代价
- Base64 编码后约比原文件大 33%，这是编码方式决定的固定开销
- 输入方式
- 选择文件、拖入，或直接从剪贴板粘贴图片
- 典型用途
- 内联进 HTML / CSS 省一次请求、写进 JSON 字段、嵌入邮件模板
- 不适合的场景
- 大图内联会显著撑大 HTML / CSS 文件，且无法被浏览器单独缓存
- 处理位置
- 编码在浏览器内完成，图片不上传
典型使用场景
制作自包含样例
把小图片放入 API 测试夹具或单文件 HTML，避免额外资源依赖。
准备接口字段
按接口约定提交纯 Base64 图片内容及独立 MIME 类型。
把小图标内联进样式表
几百字节的图标转成 Data URL 写进 CSS，可以省掉一次网络请求，避免首屏图标闪烁。
使用前需要知道的事
- Base64 文本可被直接还原，不能用于隐藏敏感图片。
- data URL 包含 `data:`、MIME 类型和逗号前缀，纯 Base64 字段通常不能接收这些字符。
- 超长字符串可能超过数据库、表单或网关限制，应先确认接收系统的最大长度。
相关概念
- Base64
- 用 64 个可打印字符表示任意二进制字节的编码方法。
- data URL
- 把 MIME 类型和编码数据直接写入 URL 的 `data:` 方案。