为什么浏览器/客户端图像重新调整大小会有如此大的性能影响?

时间:2014-08-12 04:57:23

标签: javascript css image-manipulation

我正在重新调整客户端上的图像,在iphone5网络浏览器上进行测试并看到相当多的延迟。这让我想知道为什么浏览器侧图像重新调整大小是如此高效。 让我补充一点,当项目上线时,重新调整大小将在服务器端完成。

哪个性能更高,使用css或javascript重新调整图像大小?

图像的性能和质量问题是否会影响尺寸差异?

1 个答案:

答案 0 :(得分:0)

客户端调整大小会降低性能(在提供的链接中详细列出)有几个原因:

  • 无论如何丢弃的较大图像的带宽成本
  • 实际图像翻译的CPU / GPU成本

我可能错了,但我很确定CSS和JS都会使用相同的浏览器库,所以我不会期望有太大差异。

此外,客户端操作让您受到浏览器选择的算法的支配,因此您无法在质量与速度,有损与无损等方面获得更多输入。有很多算法可供选择在图像渲染中,所有都有不同的权衡。

Is resizing images within the browser a good strategy?