我目前正在构建一个XenForo主题，旨在使用透明度和有趣的CSS3效果展示全屏，中等高分辨率的照片背景。但是，我担心一个相当讨厌的扩展问题 - 特别是在小型设备上。正如您可能想象的那样，我想到一位访客试图在3G或GPRS连接上加载几乎兆字节的照片，这让我很难过。
有问题的背景是附加到<html>元素的固定背景图像。
处理规模问题的合适方法是什么？我只会做那么多压缩，那么基于JavaScript的解决方案为视口/设备提供适当大小的图像是否足够有效？我还可以考虑其他任何解决方案吗？
感谢您的时间：）
答案 0 :(得分：1)
您应该向移动浏览器提供较低分辨率的图像。一种方法是使用CSS媒体查询：http://mobile.smashingmagazine.com/2010/07/19/how-to-use-css3-media-queries-to-create-a-mobile-version-of-your-website/
答案 1 :(得分：1)
如上所述，使用CSS功能@media，您可以为所有设备类型提供正确的图像大小。看看Twitter的CSS框架Bootstrap。
我建议对所有请求使用小图片，但仅替换桌面浏览器，但平板电脑可以同时使用，慢速互联网连接以及快速wifi访问。这需要更复杂的解决方案。
此外，使用AJAX提供图像可能会加快页面的速度。