将图像与数据嵌入：URL 总是一个好主意吗？

通过 Data: URL 在 CSS 或 HTML 中嵌入图像：综合分析

简介

在 CSS 或 HTML 中嵌入小图像作为数据：URL 已成为通过减少服务器请求的数量。但是，在实施此方法之前，需要权衡几个注意事项。

问题：使用数据嵌入图像：URL 是否是一种合理的做法？

答案：

将图像嵌入为数据：URL 在特定情况下是一个可行的选择场景：

• 当处理经常使用的非常小的 CSS 图像（通常用作精灵）时。
• 当 IE 兼容性不是问题时。
• 当最小化服务器请求至关重要时。

缺点考虑一下：

但是，这种方法有明显的缺点：

• 它与 IE6 和 7 不兼容。
• IE8 仅支持以下图像Base64 编码后大小为 32k。
• 它增加了 HTML 页面的大小，因为图像每次都会加载而不是缓存。
• Base64 编码会使图像大小增加 33% 的开销。
• 在 gzip 压缩资源中提供服务时，可能会导致服务器资源紧张，因为图像压缩需要大量计算。

额外问题：CSS 和 JS 也可以使用数据嵌入吗： URL？

答案：

虽然可以将 CSS 和 JS 嵌入为 data: URL，但由于上述缺点，通常不建议这样做，例如增加页面大小和降低缓存能力。

以上是将图像与数据嵌入：URL 总是一个好主意吗？的详细内容。更多信息请关注PHP中文网其他相关文章！