Дизайн баннера на сайт

Нужно подготовить 4 баннера для сайта + 4 адаптированных ресайза для мобильной версии сайта (все акционные). Сложность задачи заключается в том, что у нас есть определенные требования особенно для ресайзов мобильной версии. 1.⁠ ⁠Формат .webp 2.⁠ ⁠большой баннер на главной странице размер 1920 х 200, но там активная часть экрана 1366 в центре экрана (края уходят), остальное может быть не видно у некоторых пользователей, с маленькими экранами 3.⁠ ⁠По весу чем больше вес, тем дольше грузится страница, у нас примерно 400 кб (данные по моб версии: 1:2,5 пропорции, 595 х 238 это наши баннеры на странице акций, они же идут в мобильную версию на главную страницу) При сжатии векторного формата до растрового изображения ОЧЕНЬ СИЛЬНО убивается качество для обоих ресайзов именно по тексту, визуальная составляющая более менее сохраняет качество (и для десктоп версии, и для мобильной версии). Соответственно, т.к. нам нужно хорошее читабельное качество текста и визуальной части необходимо в самом векторе делать ресайзы для десктоп и мобильной версии сайта 1 к 1 пикселю. Чтобы при переводе в растровое изображение для размещения на сайта сохранить качество, чтобы также при открытии этого изображения видеть 100% результат того, что будет отображаться на самом устройстве. Результатом работы должно являться растровое изображение +векторные исходники. Чтобы при необходимости мы могли внести изменения на своей стороне. Концепция нужна яркая, красивая, стильная, вкусная, современная, в стиле нашего сайта, чтобы цепляла внимание клиента. Сайт: https://piroginomerodin.ru/