我为旅游业建立响应式网站，我们的客户肯定想追随潮流，用大量的照片幻灯片来展示他们的当地。这些幻灯片占据了浏览器的整个宽度。
我正在为上传到这些幻灯片的图像寻找推荐的最大像素宽度（仅供参考，我正在使用WordPress的插件Camera）。一位客户最近问我这个问题，因为他担心加载时间，我以前当然也考虑过这个问题，但一直没有得出确切的结论（在我搜索的几个小时里，我还没有发现任何东西）。例如，在一个网站上，我上传了每张1700x565像素的照片。但是每个文件都超过了20万！诚然，我可能会对它进行更好的优化，但你只能在不损失质量的情况下优化到一定程度。
我有两个担忧：
1） 那些分辨率非常高的用户呢，比如1920px或更大的用户呢？当照片以1700px到1920px（或其他）的分辨率响应增长时，它将被像素化。
2） 桌面用户的加载时间如何？（我根本不打算在移动设备上加载幻灯片，所以这不是问题）。我不想以一个非常糟糕的谷歌页面速度分数结束。
关于这个问题，有什么最佳实践吗？你能给我推荐一些关于这方面的文章吗？
很惊讶这个问题没有得到回答，但我会尽我所能。
用于web的图像优化的经验法则&在我的培训中，代码是上传首选的图像大小，并使用媒体查询调整每个设备（更多信息请点击：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
希望这能有所帮助！