Как создать идеальное промо-изображение для тарифа

Промо-изображение — это важный элемент, который привлекает внимание пользователя к тарифу или спецпредложению. Однако картинка, которая идеально выглядит в фоторедакторе, может неправильно отображаться в модуле бронирования TL: Booking Engine, особенно на мобильных устройствах. Чтобы этого избежать, следуйте простым рекомендациям.

Как отображается изображение на разных устройствах

На компьютере:

• Максимальная высота: 480 пикселей
• Ширина: Автоматически подстраивается под ширину окна
• Важная особенность: Изображение масштабируется с сохранением пропорций, из-за чего могут обрезаться края. Кроме того, снизу поверх картинки накладывается блок с названием спецпредложения, который может скрыть до 15% нижней части изображения.

На мобильном устройстве:

• Максимальная высота: 272 пикселей
• Важная особенность: Из-за портретной ориентации экрана сильно обрезаются боковые края. По факту, видимой остается только центральный фрагмент изображения.

Оптимальное разрешение изображения

Чтобы картинка не размывалась и не обрезалась, загружайте промо-изображения в разрешении 1440×540 пикселей. Этот размер идеально подходит для качественного отображения картинки на любых устройствах. 

Рекомендации по созданию промо-изображения

Рекомендуется:

• Фокус — в центре: Размещайте главный объект или ключевой элемент композиции строго по центру. 
• Атмосфера, а не детали: Главная задача изображения — создать настроение и привлечь внимание. Используйте простые, но выразительные сцены, которые передают суть предложения.
• «Безопасные зоны»: При создании макета оставьте по 15% свободного пространства со всех сторон. 

Не рекомендуется:

• Текст: Не размещайте текст (названия, цены, условия акции, контакты) прямо на изображении. Вся информация должна быть в описании тарифа.
• Важные детали внизу: Нижняя часть изображения (до 15%) будет перекрыта блоком с названием спецпредложения, поэтому не размещайте там ничего значимого.
• Сложные композиции: Избегайте загруженных изображений с несколькими главными объектами. Такие изображения воспринимаются хуже, особенно на мобильных устройствах. 

Правильное промо-изображение — это не просто красивая картинка. Это инструмент, который повышает привлекательность тарифа, создает эмоцию и удерживает внимание пользователя. Если вы будете следовать этим правилам, каждое ваше изображение будет работать эффективно на всех устройствах.