1. 什么是 Base64?
Base64 是一种将二进制图片数据转换为文本字符串的编码方式。通过这种方式,你可以直接将图片内容嵌入到 HTML (src) 或 CSS (url) 中,而无需通过额外的 HTTP 请求加载外部文件。
2. 使用建议与性能限制
Base64 编码后的文本体积通常比原始文件大约 33%。建议仅对 10KB 以下 的小图标或装饰性图片使用此方式,以平衡首屏渲染速度与请求数量。
开发者提示 (Developer Tips)
- 缓存机制: Base64 嵌入图片无法利用浏览器缓存,若图片在多个页面重复使用,建议使用常规图片路径。
- CSS 优化: 在 CSS 中使用 Base64 时,务必选择 DataURL 格式并包含正确的文件头(如
data:image/png;base64,...)。
- Raw 模式: 若你需要将图片数据发送给 C# / Java 后端 API,请使用 Raw Base64 格式(不含头信息)。