🖼️ 图片 ↔ Base64 互转

图片 Base64 编码是什么？

图片 Base64 编码是将图片文件的二进制数据转换为 Base64 文本字符串的过程。转换后的字符串可以直接嵌入到 HTML、CSS 或 JSON 中，无需额外的图片文件。这种 Data URI 格式以 data:image/png;base64, 开头，浏览器可以直接解析并显示图片。

图片 Base64 的优势

• 减少 HTTP 请求：将小图片内嵌到 HTML/CSS 中，减少图片请求数量，提升页面加载速度。
• 简化部署：图片数据嵌入代码中，无需单独管理图片文件路径。
• 邮件/文档嵌入：HTML 邮件和 Markdown 文档中嵌入图片，确保离线可用。
• API 传输：通过 JSON 接口上传图片时，通常使用 Base64 编码。

使用建议

• Base64 编码会使数据体积增大约 33%，仅建议用于小图片（< 10KB）。
• 大图片建议使用独立文件并配合 CDN 加速。
• SVG 图片可以直接内联到 HTML 中，无需 Base64 编码。