我目前正在使用angularjs实现一个单页web应用程序(只是为了了解angular)。现在我希望能够创建一些内容(目前是一个食谱)，并让用户上传它。我想如果用户也可以添加一张图片，那就太好了。但是我不确定的是，在单页应用程序中创建一个可以提供特定大小的图片的资源(在后端调整大小或获得匹配的缓存版本)是否有意义?简单地将图像缩小到我目前需要的最大尺寸(并可能保存原始尺寸，以防我需要更大的尺寸)，并让客户端应用程序通过img标签属性处理尺寸，这还不够吗?还是有一个重要的原因，我目前错过了为什么总是提供完美尺寸的图像是很重要的?
假设较大的图像大小为800x600像素(按照今天的标准已经非常小了)，并且这种大小的典型JPG为120kb。
现在假设您想要显示一个充满缩略图的页面(假设您的页面中有100个缩略图)。
浏览器必须下载100 * 120KB = 12mb。在我住的地方，有不错的ADSL线路，只需要30秒。
现在假设您将图像缩小到目标缩略图大小，这使得每个缩略图为25KB。这使得总共需要2500 kb来下载，这将加载整个页面的时间减少到6秒，以显示完全相同的信息。
如果你为你的服务器带宽付费，你也会看到类似的成本降低。
所以是的，减小图像尺寸是个好主意。特别是如果你的最大图像尺寸很大。如果您以同样的示例为例，并从1280x960的图像开始，则每个图像将从500kb开始，并使缩略图的查看时间超过2分钟。
我甚至没有谈到农村或欠发达地区，那里的带宽比我少得多。