我为旅游行业建立了快速响应的网站，我们的客户肯定想要跟随巨大的照片幻灯片展示当地的趋势。这些幻灯片占据了浏览器的整个宽度。
我正在为上传到这些幻灯片的图片寻找建议的最大像素宽度（仅供参考我使用插件Camera for WordPress）。一位客户最近问我这个问题，因为他担心加载时间，我以前一直认为这个问题，但我还没有得出一个可靠的结论（我还没有发现任何东西）但在我的搜索时间已经过了）。例如，在一个网站上我上传了每张1700x565像素的照片。但每个文件超过200K！不可否认，我可能会更好地优化它，但你只能优化到某一点而不会失去质量。
我有两个问题：
1）处于真正大分辨率的用户，如1920px或更大？当照片从1700px到1920px（或其他）的分辨率响应时，照片将变得像素化。
2）桌面用户的加载时间如何？ （我并没有计划为移动设备加载幻灯片，因此这不是问题）。我不想以最糟糕的Google页面速度得分结束。
是否有关于此问题的最佳做法？有关这方面的任何文章你可以转介给我吗？
答案 0 :(得分：0)
感到惊讶的是，我没有回答，但我会尽力而为。
网络图像优化的经验法则＆amp;在我的培训中，代码一直是上传首选的图像大小，并使用媒体查询调整每个设备 （更多信息：https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries）。
通常情况下，我被教导要将文件大小保持在50-70kb左右（取决于格式），但数字越低越好。 Shopify关于图像优化的文章说得最好：
http://www.shopify.com/blog/7412852-10-must-know-image-optimization-tips#axzz2hk4NxlaN
希望这有帮助！