Html 旋转木马中的响应css精灵

我试图通过将我页面上的所有图像制作成精灵来提高网站的加载时间。问题是，我的所有图像都在多个引导传送带中，当我尝试处理图像的响应性时，图像周围的传送带区域相对于我尝试关注的精灵部分不会改变（我可以使用vmax改变它，只是不正确）

---

是否有更准确的方法来响应地更改旋转木马，使其仅显示我想要的部分精灵？（当我全屏时，旋转木马几乎占据了整个屏幕，但在手机大小时，旋转木马仅占屏幕的一半左右）。我觉得也许我可以只使用@media来改变我想要的维度，但这可能会很辛苦，我甚至不知道它是否会起作用。这是我唯一的选择吗？我真的只是在寻找最简单的方法。谢谢

使用sprite集来优化图像是不常见的，但是如果有必要，您需要实际向我们展示您正在使用的代码。你能不能更新一下你的问题，让它在a:）中显示所有相关的代码？我以前也这样做过，我告诉你……这不值得。你可以将精灵用于图标等，但不能用于大型图像。我目前正在尝试使一个站点具有30个图像（其中14个图像较大，每个图像约5 MB）的加载速度更快。从GoogleAppSpot切换到godaddy会有帮助吗，还是我应该仍然使用sprites？