Организация обрезки изображений на лету и их оптимальное и масштабируемое хранение

1. Как быть, если одна и та же картинка нужна в разных размерах, в разном качестве и разном формате под каждое устройство?
2. Где и как хранить картинки выгодно и дешево?
3. Как с помощью nginx и логики на backend организовать эффективную подготовку и хранение изображений под разные устройства и форматы?

Фото с выступления на эту тему на БИФ2019

Наступив на определенное количество граблей и набив себе достаточно шишек, мы пришли к решению, которое сейчас активно и успешно используем в текущих production проектах.

В качестве примера рассмотрим реализацию расширяемого файлового хранилища на backend и пример интеграции с этим хранилищем на стороне JS фреймворка Vue + Nuxt.JS.