我记得,在大学期间(2008 年),我的网页设计教授强调将所有图像的文件大小保持在 40K/以下(不管尺寸如何)。从那以后,我一直在努力这样做,尤其是在移动优化如此重要的情况下。
但是现在,有了宽带和 LTE/4G 速度的互联网,更大的数据计划......而且我已经大学毕业了一段时间......那里有任何文件大小(不是尺寸)标准吗?
旁注:我的项目是处理产品摄影。我将 Amazon.com 视为基准,并注意到他们的产品图像(通常)低于 40K,缩放图像(通常)低于 100K。
我记得,在大学期间(2008 年),我的网页设计教授强调将所有图像的文件大小保持在 40K/以下(不管尺寸如何)。从那以后,我一直在努力这样做,尤其是在移动优化如此重要的情况下。
但是现在,有了宽带和 LTE/4G 速度的互联网,更大的数据计划......而且我已经大学毕业了一段时间......那里有任何文件大小(不是尺寸)标准吗?
旁注:我的项目是处理产品摄影。我将 Amazon.com 视为基准,并注意到他们的产品图像(通常)低于 40K,缩放图像(通常)低于 100K。
冒着因不回答您的问题而被皱眉的风险,我会这样说:不要担心文件大小。相反,担心加载时间。它们当然是直接相关的,但不同之处在于加载时间是普遍适用的。一个 2MB 的文件可能会立即加载到强大的托管站点(例如 imgur)上,但不会加载到廉价的共享托管服务上。
要确定您的答案,您可以在开始设计之前运行加载时间基准。将包含一些不同文件大小的图像的简单页面上传到未来的站点主机并记录网络性能。您可以使用浏览器开发工具自己完成此操作,也可以使用外部服务。
尝试突破极限,看看你能摆脱什么。请记住,下载 5MB 的文件与下载 10 512KB 的文件不同,因为涉及到开销。如果整个页面的加载时间需要几秒钟,那么重新考虑图片密集型网站设计可能是个好主意。
您的问题集中在图像上,但除此之外还有很多需要优化的地方。谷歌有一个很好的资源来处理这种事情:Web 性能最佳实践。并非所有建议都一定适用于您的情况。根据您的预期流量,一些优化可能会带来微不足道的性能改进,但它是了解需要注意什么的好指南。