我有一个网站，人们可以上传图片。我已经看到很多网站会将图片缩小为缩略图大小，并显示在搜索页面上，例如，直到用户实际点击一个图片才能以全尺寸查看图片。为什么要在网站上调整上传的图片
为什么生成上传图像的缩略图版本是一种很好的做法？为什么不只是使用img标签设置高度和宽度？
[编辑]：在阅读了几个答案之后，我意识到我可能错误地解释了我的问题。那么，我的意思是，即使它们具有CSS中指定的大小，图像是以全尺寸下载的吗？在页面加载完成后，它们在渲染时是否缩小？
谢谢！
即使在CSS中指定了大小，图像是否以全尺寸下载？
是的图像将以原始大小（全尺寸）下载。 CSS只改变图像而不是主图像文件的视图。
在页面加载完成后，它们是否在渲染时缩小比例？
不，除非有脚本来做这样的工作。
较小图像的尺寸较小=加载速度较快。
当用户实际上想看到图像时，打开实际图像并等待加载。
如果您在搜索中有多个帖子，并且每个帖子都有图片，缩略图的加载速度会比原始图片快得多。
如果用css缩放原始图像（设置宽度和高度），它仍然需要先加载原始图像。
较大的图片有较大的文件大小。如果您拥有1MB图片，但只需显示尺寸可能为10KB的缩略图，则只需在需要时显示完整图片即可节省99％的带宽。
除了带宽，客户端往往内存有限...想想移动设备。另外，CPU需要在滚动期间处理它们，而不是。
如果您使用带有宽度和高度的img标签，该图片仍然是原始图片，则数据大小不会更改（它在浏览器中只会变小）。
如果您有缩略图，那些缩略图的数据大小较小，但通常在页面上的某个位置将它们链接到数据大小较大的原件。
如果用户下载缩略图，他会得到一个小尺寸的图片，如果他下载的原件，他会得到大尺寸。 注意：缩略图与原始图片不同。
堆栈溢出不适用于这些类型的问题。无论如何，他们完成了降低页面加载速度。当图像没有被延迟加载时，这是特别重要的。更改img宽度和高度不会减少发送到客户端的图像的大小。 –
100张图片* 7 mb = 700 mb下载... 100 * .03 mb = 3 mb –