Промо-изображение — это важный элемент, который привлекает внимание пользователя к тарифу или спецпредложению. Однако картинка, которая идеально выглядит в фоторедакторе, может неправильно отображаться в модуле бронирования Exely Booking Engine, особенно на мобильных устройствах. Чтобы этого избежать, следуйте простым рекомендациям.
Как отображается изображение на разных устройствах
На компьютере:
Максимальная высота: 480 пикселей.
Ширина: Автоматически подстраивается под ширину окна.
Важная особенность: Изображение масштабируется с сохранением пропорций, из-за чего могут обрезаться края. Кроме того, снизу поверх картинки накладывается блок с названием спецпредложения, который может скрыть до 15% нижней части изображения.
На мобильном устройстве:
Максимальная высота: 272 пикселей.
Важная особенность: Из-за портретной ориентации экрана сильно обрезаются боковые края. По факту, видимой остается только центральный фрагмент изображения.
Оптимальное разрешение изображения
Чтобы картинка не размывалась и не обрезалась, загружайте промо-изображения в разрешении 1440×540 пикселей. Этот размер идеально подходит для качественного отображения картинки на любых устройствах.
Рекомендации по созданию промо-изображения
Рекомендуется:
Фокус — в центре: Размещайте главный объект или ключевой элемент композиции строго по центру.
Атмосфера, а не детали: Главная задача изображения — создать настроение и привлечь внимание. Используйте простые, но выразительные сцены, которые передают суть предложения.
«Безопасные зоны»: При создании макета оставьте по 15% свободного пространства со всех сторон.
Не рекомендуется:
Текст: Не размещайте текст (названия, цены, условия акции, контакты) прямо на изображении. Вся информация должна быть в описании тарифа.
Важные детали внизу: Нижняя часть изображения (до 15%) будет перекрыта блоком с названием спецпредложения, поэтому не размещайте там ничего значимого.
Сложные композиции: Избегайте загруженных изображений с несколькими главными объектами. Такие изображения воспринимаются хуже, особенно на мобильных устройствах.
Правильное промо-изображение — это не просто красивая картинка. Это инструмент, который повышает привлекательность тарифа, создает эмоцию и удерживает внимание пользователя. Если вы будете следовать этим правилам, каждое ваше изображение будет работать эффективно на всех устройствах.
