Как настроить imageresizer (imageresizing.net) для ограничения количества масштабируемых изображений

Question

В сценарии с обычной адаптивной веб-страницей браузер запрашивает изображения в размере, определяемом текущим размером окна браузера, поэтому размер запроса на изображение будет таким:

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

Чтобы избежать кэширования всех этих очень специфических размеров изображений и улучшить использование кэша, я хотел бы установить некоторые предопределенные размеры, которые создаются для размера сервера. Так, например, все запросы изображения между высотой 600 и 1200 будут доставлять изображение с высотой 1200.

Q: Возможно ли настроить imageresizer, делая это? Q: Является ли расширение плагина SizeLimiting хорошим местом для реализации этого?

Answer 1

Плагин Presets позволяет вам определять пресеты и использовать их исключительно.

Лучшее решение, однако, состоит в том, чтобы исправить ваш javascript на стороне клиента, чтобы использовать интервалы вместо точного размера браузера. Slimmage.js делает это путем деления количества пикселей на коэффициент, округления, затем умножения на тот же коэффициент. 160 является хорошим фактором, который генерирует ~13 размеров до 2048 года.