Если привязка есть, то почему нельзя самому конструкцию для picture прописать? Добавить элементарную логику на проверку наличия изображения и ура вперёд.
Вот в видосе есть начало с 5:53
Сейчас сам посмотрю, а то это я их спрашивал как форматы октябрём менять, но эту серию так и не посмотрел
https://youtu.be/V3BcJhIJALI?t=353

сорри, за тупой вопрос, но extension – это коробочный параметр, или шопоголик чёт добавляет? А то я в документации смотрел туда, но такого не видел

Вообще всё просто, оказывается есть параметр extension для такие случаев

src="{{ item.img.getThumb(560, 200, {'qualiti': 80, 'extension': 'webp'}) }}"

Недавно на скорую руку делал сервис по оптимизации/ресайза изображений на лету на основе spatie/image-optimizer и slim4(laravel для такой задачи очень жирный), кормишь ему ссылку на файл, он его оптимизирует, конвертирует в webp, ресайзит (в зависимости от настроек) и отдает нужную версию.
Как раз для работы srcset и picture использую на одном из проектов, где нет возможности работать с кодом на прямую, а оптимизаций хочется )))

Может интересно кому будет - https://github.com/LeMaX10/proxy-resizer

блин как сделать что бы на фото нажимал и оно выходило в модальном окне в полном размере, я думал попробовать на чистом джс сделать но у меня такая шляпа, кароче джс просто через this.src выводит обрезанное изображение

блин как сделать что бы на фото нажимал и оно выходило в модальном окне в полном размере, я думал попробовать на чистом джс сделать но у меня такая шляпа, кароче джс просто через this.src выводит обрезанное изображение

data-атрибут прикрутить к превьюхе с путём к полному изображению и при клике ставить src в модалку из этого data-атрибута

data-атрибут прикрутить к превьюхе с путём к полному изображению и при клике ставить src в модалку из этого data-атрибута

слушай а не подскажешь, у меня только первая картинка срабатывает, хотя у них всех id одинаковый