База Знаний
Настройки магазина

Требования к фотографиям

Ссылка на эту статью: https://htbt.ru/to/media-requirements
В этой статье вы узнаете о требованиях к фотографиям для размещения на витрине, в чат-боте, рассылках и другом функционале сервиса.
Нужна помощь?
Задайте вопрос вашему менеджеру или в службу поддержки по кнопке ❓ в нижнем левом углу личного кабинета.
Содержание статьи

Общие требования к файлам изображений

Поддерживаемые форматы: PNG, JPG, JPEG, BMP, GIF, TIFF, SVG, PDF, DOC, DOCX, XLS, XLSX, TXT, MP4, MOV.

Вес файла: не более 10 MB.
Если вы направляете фото редакторам или в службу поддержки, пожалуйста, подпишите файлы по названию товара/услуги, чтобы мы могли их идентифицировать.

Фото продуктов, категорий и подкатегорий

  • Фото карточек товаров и услуг

Размер: от 1280×960 px или более с сохранением пропорций.

Ориентация: горизонтальная (альбомная).

Основной объект на фотографии должен находиться в центре кадра.
Размер итогового отображаемого поля зависит от настроек категории и устройства пользователя.
Универсальное охранное поле в карточках товаров и услуг
Для важных объектах на любой фотографии должно быть предусмотрено универсальное охранное поле размером 1140×480 px в центре кадра. Все, что будет включено в границы этого поля, будет гарантировано видно на любых устройствах при любом формате отображения карточек продуктов и услуг в категории.
Если вы планируете использовать только вид отображения «плиткой», размер охранного поля составляет 1020×780 px.
Примеры
Пример фото:
Пример отображения в категории:
Пример отображения в карточке продукта:

  • Обложки категорий

Обложка — фон для названия и описания (при наличии) категории/подкатегории.
Чаще всего обложка добавляется, когда в категории/подкатегории в карточках фотографии отсутствуют. Например, так бывает, когда списком добавлено несколько карточек услуги аренды трансфера, а фото в наличии только одно. В таком случае, чтобы не дублировать одинаковое фото, можно поставить одно общее фото для всей категории/подкатегории. Также обложка добавляется для визуального выделения/разнообразия на витрине.
Лучше всего для обложки подходит фото, универсальное для всех карточек в категории/подкатегории.

Размер: от 1280×960 px или более с сохранением пропорций.

Ориентация: горизонтальная (альбомная).
Размер итогового отображаемого поля зависит от наличия описания и устройства пользователя.
Универсальное охранное поле
Для важных объектов на любой фотографии должно быть предусмотрено универсальное охранное поле размером 938×295 px в центре кадра. Все, что будет включено в границы этого поля, будет гарантировано видно на любых устройствах.
Обложки категорий без описания
Обложки категорий с описанием
Размер итогового отображаемого поля зависит от количества текста в описании. Чем больше текста, тем больше высота фото в px.
Примеры отображения:

  • Обложки подкатегорий

Размер: от 1280×450 px или более с сохранением пропорций.

Ориентация: горизонтальная (альбомная).

Универсальное охранное поле

Для важных объектов на любой фотографии должно быть предусмотрено универсальное охранное поле размером 663×248 px в центре кадра. Все, что будет включено в границы этого поля, будет гарантировано видно на любых устройствах.

Фото на витрине

  • Фото карточек товаров и услуг

На витрине обычно используются те же фото, что были использованы для товаров и услуг, если не были предоставлены иные. Если вы хотите подготовить для витрины отдельные фотографии, следуйте требованиям ниже.
Размер: от 1280×960 px или более с сохранением пропорций.

Ориентация: горизонтальная (альбомная).

Основной объект на фотографии должен находиться в центре кадра.

Размер итогового отображаемого поля зависит от выбранного вида секции витрины и устройства пользователя.

Универсальное охранное поле в карточках на витрине:

Универсальное охранное поле для фотографий в карточках на витрине составляет 660×530 px в центре кадра. Все, что будет включено в границы этого поля, будет гарантировано видно на любых устройствах при любом формате отображения карточек продуктов и услуг в категории.
Мы рекомендуем использовать универсальные требования, так как в дальнейшем вам может понадобиться изменить вид секции витрины.

Если вы определились с конкретным видом секции и не планируете изменять его в будущем, можно использовать размеры охранного поля для разных видов секций:
  • Плитка: 960×840 px
  • Баннер: 1280×540 px
  • Слайдер: 660×960 px
Примеры

Пример фото:
Пример отображения:

  • Баннеры на витрине с текстом или лого

Если вы готовите баннер для специального мероприятия или акции, и на изображении будет размещен текст или лого, к ним применяются отдельные требования:

Размер: 1280×540 px

Охранное поле баннера

Охранное поле: текст и/или лого должны находиться в рамках поля 720×400 px по центру;

Расположение в охранном поле: текст и/или лого должны быть выровнены по центру (по вертикали и горизонтали), чтобы заголовок не накладывался на них.

Примеры

Пример фона баннера:
Пример отображения с заранее добавленным на изображением текста и отображением готового баннера на витрине:

  • Фон и шапка витрины

Для фона и шапки витрины можно использовать одно и то же, или разные изображения. Лучше всего подходят фото фасада отеля, лобби, зоны ресепшн, территории.
Если используется одно фото для шапки и фона, то основной объект должен находиться в центре кадра (например, для фотографий 3840×2400 px — в рамках поля 3840×1330 px в центре).
Фон

Размер: рекомендуемый — 3840×2400 px, минимальный — 2560×1600 px.
Фон витрины отображается в десктоп-версии (на компьютерах и некоторых планшетах) по бокам от основного содержания витрины, на мобильных устройствах фона нет.
Шапка

Размер: 1860×660 px и более с сохранением пропорций.
Шапка отображается в верхней части витрины и является фоном для заголовка, описания, погоды и другой информации этого блока.
Примеры

Если используется одно и то же фото:
Если используются разные фото:

Фото информационных страниц

  • Обложка инфостраницы

Чаще всего используется для основного изображения (под названием) или для 1–2 изображений внутри страницы.

Рекомендуемый размер: от 1280×960 px, 1080х607 px и выше.

Примеры отображения:

  • Горизонтальные фото в содержании инфостраницы

Чаще всего такой формат используется при описании залов, событий, мероприятий. Для того, чтобы инфостраница выглядела компактно и не перегружено, фото обрезаются с меньшей высотой.

Рекомендуемый размер: 1280×657 px

Пример:

  • Вертикальные фото в содержании инфостраницы

Чаще всего вертикальные фото используются, чтобы отобразить афиши или меню.

Рекомендуемый размер: 960х1280 px

Пример:

Фото для писем CJM

Обновить фотографии в рассылках CJM можно через обращение в службу поддержки — просто отправьте фотографии и описание задачи на support@hotbot.ai.

  • Фото в шапке писем CJM

Шапка CJM — это верхняя часть письма, на которой размещен логотип.

Размер: 800x 390 px.

Ориентация: горизонтальная (альбомная).

Для каждого письма можно использовать одинаковые или разные фото для шапок. Чаще всего используем:

  • В письме «До заезда» — фото фасада, холла, лобби
  • В письме «После заезда» — фото номера
  • В письме «После выезда» — фото ресепшн, холла, фасада

Для каждой шапки добавляется уникальный логотип отеля (чаще всего, в верхний левый угол).

Пример отображения шапки в письме:

  • Фото карточек в письмах CJM

Фото карточек СJM — это фото услуг в теле письма.
Размер: варьируется в зависимости от типа карточки.

Ориентация: горизонтальная (альбомная).

Типы карточек

  1. Hero (большая картинка с текстовым блоком на фото)

Размер: зависит от объема текста на картинке. Стандартный размер — 800х600 рх. Чем меньше текста, тем меньше высота фото (вертикальный параметр), и наоборот. Размер фото под картинку обрезается системой автоматически.

Основной объект на фотографии должен находиться:
  • справа (если блок текста расположен слева);
  • слева (если блок текста расположен справа)
2. Media (маленькая картинка слева/справа от текстового блока)

Размер: 800х600 рх.

Рекомендуется использовать фото одинакового размера, чтобы карточки в письме выглядели единообразно.

Пример:
3. Post (большая картинка, текст под ней)

Размер: 800х400 рх.

Данный тип карточки используется редко, так как занимает много места в письме.

Пример:

Другие

  • Фото ресурсов в услугах с расписанием

Ресурсы для услуг — это сотрудники (например, массажисты) или помещения, инструменты, столы (например, кабинет, сауна, парковка и тд), необходимые для предоставления услуги
Фото для ресурсов нужны для того, чтобы гость визуально смог понять, к какому сотруднику он идет/какое помещение он арендует.

Размер: от 100x100 px или более с сохранением пропорций..

Формат: квадратный, объект должен находиться в центре кадра.

Фото ресурсов доступны на витрине только в виде маленьких иконок — они не разворачиваются, если на них нажать. Поэтому размер фотографий может быть маленьким, но с сохранением квадратного формата.

Примеры:

  • Фото в ответах чат-бота

Размер: 400x 300 px или более с сохранением пропорций.

Ориентация: горизонтальная (альбомная).

Примеры:

  • Фото для SD

Для корректного отображения на устройствах SberDevices необходимо предоставить фотографии:

  • для каждого товара/услуги,
  • для подкатегорий (обложка),
  • для категорий (обложка)

Универсальный размер: от 1280×960 px или более с сохранением пропорций.

Ориентация: горизонтальная (альбомная).

Основной объект на фотографии должен находиться в центре кадра.

Логотип

Обновить логотип можно через обращение в службу поддержки — просто отправьте логотип на support@hotbot.ai.
Формат и размер: вектор (svg, ai, eps или cdr) или png в разрешении от 1000 px по меньшей стороне.

Логотип используется:

  1. В шапках писем;
  2. В промо материалах;
  3. В панели администрирования:

  • в иконке чат-бота,
  • на витрине (если включено),
В иконках чата, витрины и вкладки отображается одинаковое лого.

Может быть полезно

Остались вопросы?

Мы поможем найти ответ — выберите удобный способ: