我正在努力使我们的网站响应迅速。我想知道如果我有占据整个屏幕的图像，减去导航标题，我需要多大的图像才能在每种类型的设备上工作？我只需要一个吗？或者我需要 1024x768、800x600 等....？
示例:www.Squareup.com
最佳答案
这取决于您希望图片看起来有多好以及您的网站加载速度有多快。通常在 RWD 中，您使用百分比来缩放图像以填充容器，因此大小不一定重要。
根据您缩放它的方式，理论上任何尺寸都可以“适合”。另一方面，如果你不使用百分比作为宽度，那么你 1) 可能没有练习 rwd 2) 无论如何都可以为你的容器指定特定的宽度，这样你的图像就可以以任何方式填充它，所以任何尺寸都可以。此外，如果您为图像指定了特定的最大宽度但使您的容器响应，则任何尺寸都不“适合”容器。
不过，我现在建议背景至少为 800x600。也许目标环绕 1024x768，因为用户分辨率通常比现在更高。是的，只要您认为它在高分辨率屏幕上看起来仍然不错，您就可以拥有“只有一个”。我还建议重复纹理图案与照片背景，它们很棒。
关于css - 响应式网页需要多大尺寸的图片？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/17392527/