为什么要在网站上调整上传图片的大小
Why resize uploaded images on website
我有一个人们可以上传图片的网站。我已经看到很多网站将图像缩小到缩略图大小，并在搜索页面上显示，例如，直到用户实际点击一个图像以全尺寸查看它。
为什么生成上传图片的缩略图是个好习惯？为什么不直接使用设置高度和宽度的 img 标签？
[编辑]: 看了几个答案后，我意识到我的问题可能措辞不当。那么，我的意思是，即使图像的尺寸在 CSS 中指定，它们是否以完整尺寸下载？它们是否在页面加载完成后在呈现时缩小？
谢谢！
图像越小 = 加载速度越快。
当用户真正想看图片时，您打开实际图片，它可能会等待加载。
如果您在搜索上有多个帖子并且每个帖子都有图片，缩略图的加载速度会比原始图片快得多。
如果您使用css缩小原始图像（设置宽度和高度），它仍然需要先加载原始图像。
较大的图像具有较大的文件大小。如果您有 1MB 的图像，但只需要显示大小可能为 10KB 的缩略图，则只需在需要时显示完整图像，即可节省 99% 的带宽。
除了带宽之外，客户端的内存通常也有限...想想移动设备。另外，CPU 需要在滚动期间处理它们，什么不是。
Are the images downloaded in full size, even if they have a size specified in CSS?
是的，图像将以原始尺寸（全尺寸）下载。 CSS 仅更改图像视图而不是主图像文件。
Are they scaled down at rendering after the page has finsihed loading?
不，除非有脚本可以完成这样的工作。
如果你用带宽高的img标签，那张图还是原来的，数据大小没有变化（只是在你的浏览器里看起来变小了）。
如果您有缩略图，这些缩略图的数据量较小，但通常在您页面的某处，您 link 将它们与数据量较大的原始数据量相比较。
如果用户下载缩略图，他会得到小尺寸的图片，如果他下载原图，他会得到大尺寸的。
注意：缩略图是与原始图片不同的图片。
我有一个人们可以上传图片的网站。我已经看到很多网站将图像缩小到缩略图大小，并在搜索页面上显示，例如，直到用户实际点击一个图像以全尺寸查看它。
为什么生成上传图片的缩略图是个好习惯？为什么不直接使用设置高度和宽度的 img 标签？
[编辑]: 看了几个答案后，我意识到我的问题可能措辞不当。那么，我的意思是，即使图像的尺寸在 CSS 中指定，它们是否以完整尺寸下载？它们是否在页面加载完成后在呈现时缩小？
谢谢！
图像越小 = 加载速度越快。
当用户真正想看图片时，您打开实际图片，它可能会等待加载。
如果您在搜索上有多个帖子并且每个帖子都有图片，缩略图的加载速度会比原始图片快得多。
如果您使用css缩小原始图像（设置宽度和高度），它仍然需要先加载原始图像。
较大的图像具有较大的文件大小。如果您有 1MB 的图像，但只需要显示大小可能为 10KB 的缩略图，则只需在需要时显示完整图像，即可节省 99% 的带宽。
除了带宽之外，客户端的内存通常也有限...想想移动设备。另外，CPU 需要在滚动期间处理它们，什么不是。
Are the images downloaded in full size, even if they have a size specified in CSS?
是的，图像将以原始尺寸（全尺寸）下载。 CSS 仅更改图像视图而不是主图像文件。
Are they scaled down at rendering after the page has finsihed loading?
不，除非有脚本可以完成这样的工作。
如果你用带宽高的img标签，那张图还是原来的，数据大小没有变化（只是在你的浏览器里看起来变小了）。
如果您有缩略图，这些缩略图的数据量较小，但通常在您页面的某处，您 link 将它们与数据量较大的原始数据量相比较。
如果用户下载缩略图，他会得到小尺寸的图片，如果他下载原图，他会得到大尺寸的。 注意：缩略图是与原始图片不同的图片。