在单页Web应用程序的后端调整图像大小是否有意义?

时间:2014-05-04 16:26:33

标签: angularjs backend single-page-application

我目前正在使用angularjs实现单页网页应用(只是为了了解角度)。现在我希望能够创建一些内容(当前是一个配方)并让用户上传它。我认为如果用户还可以添加图片会很好。但我不确定的是,如果创建一个可以在单个页面应用程序中以特定大小(在后端调整大小或获得匹配的缓存版本)的图片的资源是否有意义? 简单地将图像缩小到我目前布局所需的最大尺寸(并且可能保存原件以防我需要更大)并且让客户端应用程序通过img标签属性处理大小调整是不够的? 或者是否有一个重要原因我目前不知道为什么始终提供完整尺寸的图像非常重要?

提前致谢。

1 个答案:

答案 0 :(得分:0)

假设您的较大图像尺寸为800x600像素(根据目前的标准已经非常小),并且此尺寸的典型JPG为120 KB。

现在假设你要显示一个装满缩略图的页面(让我们说你的页面有100个缩略图)。

浏览器必须下载100 * 120KB = 12MB。我住的地方,有一个不错的ADSL线,需要30秒。

现在让我们假设您将图像缩小为目标缩略图大小,这使每个缩略图为25KB。这使得总共下载2500 KB,从而将整个页面的加载时间减少到6秒,以显示完全相同的信息。

如果您为服务器带宽付费,您也会看到类似的成本降低。

所以是的,减少图像尺寸是个好主意。特别是如果您的最大图像尺寸很大。如果您采用相同的示例并从1280x960图像开始,那么您将从每张图像500 KB开始,并使其超过2分钟以查看缩略图。

我甚至不谈论农村或欠发达地区,这些地区的带宽远远低于我的。