Base64 是一种将二进制数据转换为纯文本字符的编码方式。它使用 A-Z、a-z、0-9、+、/ 共 64 个可打印字符来表示任意二进制数据。图片经过 Base64 编码后变成一串文本字符串,可以直接嵌入 HTML、CSS、JSON 等文本格式中,无需额外的图片文件请求。
将图片转为 Base64 最常见的用途包括:在 CSS 中内联小图标作为 background-image,减少 HTTP 请求数量,加快页面首屏渲染;在 HTML 邮件模板中嵌入图片,避免被邮件客户端拦截外部图片加载;在 API 接口的 JSON 数据中直接携带图片信息;以及在 Markdown 文档中嵌入不依赖外部链接的图片。
需要注意的是,Base64 编码会使数据体积增加约 33%。因此它适合小于 10KB 的图标和装饰图片,大尺寸图片仍建议使用常规 URL 引用以获得更好的性能和缓存效果。
Data URI 的完整格式为 data:[MIME类型];base64,[编码数据]。例如 PNG 图片的 Data URI 以 data:image/png;base64, 开头,JPEG 图片以 data:image/jpeg;base64, 开头。本工具在编码时会自动检测图片格式并生成正确的 MIME 前缀,同时提供纯 Base64(不含 Data URI 头)、CSS background-image 代码和 HTML img 标签等多种复制格式。