Как лучше хранить оптимизированные изображения для вёрстки?

Дело в том, что на одно изображение из макета в целях оптимизации сайта приходится хранить минимум 9 файлов:

1. исходное
2. x2 и x3 размеры для retina-дисплеев
3. webp и avif версии всех предыдущих изображений.

То есть к примеру из одного маленького hero.jpg мы получаем следующее:

1. hero.jpg
2. [email protected]
3. [email protected]
4. hero.webp
5. [email protected]
6. [email protected]
7. hero.avif
8. [email protected]
9. [email protected]

(9 файлов на одно изображение, и это ещё без mozjpeg и адаптивных картинок под разные разрешения).

И тут возникает резонный вопрос - как хранить всё это многообразие, неужели просто в одной папке ./images? Ведь даже из 10 картинок в макете (а это на минуточку уровень небольшого лендинга) уже получается минимум 90 файлов.