如何配置 imageresizer (imageresizing.net) 来限制缩放图像的数量

How to configure imageresizer (imageresizing.net) to limit the number of scaled images

在常见的响应式网页场景下,浏览器请求图片的大小是由当前浏览器窗口大小决定的,所以请求图片的大小会是这样的:

image740?height=731
image740?height=911
image740?width=402
image740?width=403
image740?width=2203

为了避免缓存所有这些高度特定的图像大小并提高缓存利用率,我想设置一些根据服务器大小创建的预定义大小。因此,例如,所有高度在 600 和 1200 之间的图像请求都会传送高度为 1200 的图像。

问:是否可以配置 imageresizer 来执行此操作? 问:增强 SizeLimiting 插件是实现这个的好地方吗?

Presets plugin 允许您定义、预设和专门使用它们。

但是,更好的解决方案是修复您的客户端 javascript 以使用间隔而不是确切的浏览器大小。 Slimmage.js does this by dividing the pixel count by a factor, rounding up, then multiplying by the same factor。 160 是一个很好的因素,可以在 2048 下生成约 13 种尺寸。