调整图像大小与不同大小的图像

Question

我想知道为什么像facebook和twitter这样的热门网站会为用户头像使用多种尺寸的图片。除了尺寸外，图像都是一样的。

问题是，哪个更好？ 假设我有picture.jpg是100x100像素然后我需要它的副本50x50像素

我应该用什么？ 在我的目录picture_100x100.jpg和picture_50x50.jpg上创建两个图片文件 或者只是使用一张图片然后使用css调整大小？

Answer 1

在服务器上有多个图像URL有两个合理的理由：

1. 带宽 - 对于使用2G或类似慢速网络的移动设备尤其重要，这仍然是当今的问题。您希望发送绝对最小数据量，即使使用JPEG等有损压缩方案，大图像也可能是带宽占用。
2. 图像的大版本可以基于“主”上传的图像，其甚至更大。双倍缩小可能会导致相对于从主图像缩小一次的不完善。