Base64编码是一种强大的辅助方法,可将图像数据直接嵌入到代码中。通过将像素转换为文本字符串,您可以将图标、徽标或图案直接包含在 HTML 或 CSS 文件中,无需单独下载文件。
开发者为何使用 Base64 嵌入
- 减少请求: 每个单独的图像文件都需要一个新的 HTTP 连接。对于 UI 图标等小型资源,将其以 Base64 格式嵌入有助于减少请求数量,并将累积布局偏移 (CLS) 降至最低。
- 资源可移植性: 发送包含所有图形的单个 HTML 或 CSS 模板文件。 非常适合用于电子邮件模板和技术文档。
- CSS 性能: 非常适合轻量级背景图案或按钮精灵,确保样式表加载后图形立即可用。
安全性和技术限制
虽然 Base64 编码很方便,但会使文件大小增加约 33%。我们建议您仅将此工具用于小型图像(小于 10KB),以确保不会对页面加载速度产生负面影响。与所有 Aynzo 工具一样,您的图像将完全在您的本地浏览器中进行处理。我们绝不会查看或存储您转换的图形。