非常令人印象深刻。但它真的是那么慢，还是您只是让演示变慢以可视化算法？

@markus：我注意到在不同平台上的渲染速度不同。但是，该算法需要大量的计算，并且是迭代的。这意味着在计算“宽度 - 1 像素”的图像之前，无法计算“宽度 - 2 像素”的图像。这是它看起来很慢的部分原因。
为了提高性能，最好尝试取消选中“在处理过程中刷新图像”。显示中间图像会导致计算时间损失。该算法尝试尽可能快地进行计算并存储中间结果。因此，您可以在处理过程中使用它。

不确定 Web Workers 在那里会有多大帮助，除了在它们运行时不会阻塞 JS 执行之外。为了让多个工作线程带来很大的加速，我希望该算法需要能够并行化。

我不明白。让我的硬盘驱动器连续工作 10 分钟以在图像的某些部分产生奇怪的变形，这如何算得上是 Web 的改进？搜索图像“非活动”区域的初始代码库应该只用于裁剪图像。大多数图像属于以下三种类别之一……左侧或右侧较重、中心较重、顶部或底部较重。扫描图像、确定它是哪种类型并简单地进行裁剪以达到效果，这似乎会快得多。也许图像描述中甚至可以包含一个标签来指定使用哪种方法，这不仅可以减少所有这些疯狂的计算，还可以让设计师确保不会意外地裁剪掉错误的东西。

我并不是为了挑刺而这么说，作为摄影界的成员，你会惊讶于当摄影师发现他们的 Web 浏览器正在破坏他们图像的完整性时会多么生气。通过挤压进行的典型图像大小调整可能很粗糙甚至很丑陋……但至少它是诚实的……而且任何人都可以“重新挤压”图像以查看它最初的样子。这个“功能”走得太远了，它破坏了原始图像的完整性，这几乎是犯罪。这并不是说程序员没有做得很好，这是一段非常复杂的程序……但这里需要考虑一个道德问题。仅仅因为您可以直接在浏览器中进行高级别的 Photoshop 编辑，并不意味着您应该这样做。

请考虑一下去年仅有的那些因 Photoshop 图像而陷入丑闻的记者的案例。特别是对于艺术家和专业艺术摄影师来说……从这些图像中“窃取”的“空白区域”不仅仅是空白区域。它被称为负空间，并且在传达图像含义方面，它通常与显而易见的主题一样重要，有时甚至更重要。坐在台阶上的一群人就是一个很好的例子……在最初的照片中，人们之间有很多空间，照片友好而诱人。在“调整大小”后，它变成了一个狭窄的幽闭恐惧症氛围。现在，同一张图像具有完全不同的感觉。裁剪也可能对图像完整性造成危害，但至少它被认为是一种正常的出版实践。

有一个 CSS 属性来定义在调整图像大小时要使用的方法会很有用
.img {
resize-policy: liquid;
resize-policy: linear;
resize-policy: crop;
}

Ugh，不，液体缩放（这就是它所做的）对于日常缩放来说非常糟糕。从内容制作的角度来看，它确实有价值，但它会在图像中引入许多伪影和奇怪的东西，我绝对不希望我的浏览器自动对任何我查看的图像执行此操作。

不错的工具，但作为一名网页开发者，你不再知道你的用户看到了什么。