javascript - 为什么浏览器/客户端图像调整大小会对性能造成如此大的影响?

标签 javascript css image-manipulation

<分区>


想改进这个问题吗? 更新问题,使其只关注一个问题 editing this post .

关闭 8 年前

我正在客户端重新调整图像大小,在 iphone5 网络浏览器上进行测试,发现有相当大的延迟。这让我想知道为什么浏览器端图像调整大小如此低效。 让我补充一点,当元素上线时,调整大小将在服务器端完成。

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

图像大小调整差异是否会影响性能和质量问题?

最佳答案

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

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

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

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

Is resizing images within the browser a good strategy?

关于javascript - 为什么浏览器/客户端图像调整大小会对性能造成如此大的影响?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25256421/

上一篇:css - 如何使用 css 在 div 中设置 <p> 样式

下一篇:html - 为什么有两个事件链接?

相关文章:

algorithm - 有日晒算法吗?

javascript - Heroku文件上传和node.js

javascript - 我可以在没有弹出窗口的情况下停止 JS location.href 吗?

CSS3 意外行为 CSS 未被覆盖

matlab - 如何在 MATLAB 中裁剪像素的行和列

带有轮廓文本问题的 PHP ImagickDraw

javascript - 将我的node.js 模块集成到express.js 应用程序

javascript - jQuery 简单的自动完成实现

html - 如何使用CSS将椭圆或圆与线连接起来

javascript - Div 不会关闭