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

Question

在常见的响应式网页方案中，浏览器以当前浏览器窗口大小确定的大小请求图像，因此对图像的大小请求将如下：

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

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

问：是否可以配置imageresizer这样做？ 问：增强SizeLimiting插件是否是实现此目的的好地方？

Answer 1

Presets plugin允许您定义预设，并专门使用这些预设。

然而，更好的解决方案是修复客户端javascript以使用间隔而不是确切的浏览器大小。 Slimmage.js通过dividing the pixel count by a factor, rounding up, then multiplying by the same factor执行此操作。 160是在2048年产生~13个尺寸的好因素。