Css 背景图像是否有理想的尺寸？

例如，1x1映像的加载速度会比2x2更快吗？尺寸会更小，但浏览器的工作效率必须是原来的两倍，对吗

那么，背景图像是否有理想的大小和形状（正方形与矩形）

我知道这可能不太重要，但我有兴趣知道

---

谢谢你

我认为没有适合你的图像的“理想”尺寸

虽然图像的质量会影响下载时间。与其他尺寸相同的图像相比，嵌入丰富颜色的图像的尺寸会更大

最后，背景图像的选择完全取决于您的需要。如果你需要一个2*2的图像，那么你必须包括它

如果你需要使用大量的背景图片来优化网站的性能，那么你可以看看

还有一些图像优化工具

---

我注意到，在许多浏览器中，平铺非常小的图像（如1×1或2×2）的速度非常慢。由于大多数压缩图像格式几乎没有重复放大的缺点，我认为至少对于平铺图像，您应该选择至少50×50像素左右的图像，以降低UA中的绘图复杂性。

有趣的问题。您必须询问每个浏览器供应商，因为他们都有不同的渲染图像的方法

但在现实中，忽略下载时间渲染时间的任何差异都可以忽略不计，因此如果可以，只使用较小的图像是有意义的

---

我还将指出一个明显的现象，即如果您使用的是1x1重复图像，那么您应该使用背景色。

理想的大小会因浏览器、系统而异

避免使其太小或太大。在某些浏览器中，大小为1x1的背景图像可能存在渲染问题。你至少应该在每个维度上设置几个像素

我记得Netscape 4拒绝重复宽度小于10像素的图像。如今的浏览器感觉不那么灵敏，但还是有意义的，不要让图像太小

---

图像压缩（至少对于GIF和PNG图像）是基于重复的，因此如果您通过重复使图像变大，额外的图像大小将不会增加多少文件大小。

请注意：如果您试图加快下载速度，则下载1x1图像的开销与下载10x10图像的开销可以忽略不计，特别是对于经过适当压缩的映像—客户端和服务器都是如此

---

因此，由于10x10的渲染速度肯定更快/更好，所以请选择更大的图像大小。

CSS sprites非常整洁。。。谢谢你的链接。在某些情况下，你可能需要一张图片而不是背景色，因为颜色并不总是完全相同的。Guffa：不过，图片也是一样。理想情况下，确定显示颜色的算法对于纯色和图像都应该是相同的。您可能需要半透明png图像我必须在项目中使用1x1透明图像来捕捉Div中的点击，否则点击不会在Div上捕捉，而是由其背后的任何东西捕捉（即仅）。