Требования к изображениям по разделам

Кратко

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

Общие правила для всех изображений:

Растровый формат — JPEG или PNG.
Рекомендуемый размер файла — до 500 КБ. Допустимый максимум — 10 МБ.
Разрешение по длинной стороне — не более 4000 px.

Когда использовать

Сверяйтесь с этой статьёй перед загрузкой изображений, если вы:

оформляете обложку события или отдельного раздела;
готовите афишу доклада в расписании;
загружаете баннеры для каталога партнёров, выставочных стендов или медиа-экранов;
создаёте обложки для образовательных траекторий, курсов и квестов;
настраиваете визуал для опросов, голосований и заданий;
оформляете призы геймификации.

Как настроить

Базовые требования к изображениям

Перед загрузкой убедитесь, что файл соответствует общим ограничениям:

Формат — JPEG или PNG.
Размер файла — до 500 КБ (рекомендуется), максимум 10 МБ.
Длинная сторона — не более 4000 px.

Требования по разделам

Новости. Рекомендуемый размер — 1280×720 (соотношение 16:9). Используется как обложка поста в ленте события.

Баннер каталога. Рекомендуемый размер — 1280×720 (16:9). Применяется для разделов каталога: партнёры, выставочные стенды, медиа-экраны.

Расписание.

Обложка карточки доклада — оптимальное соотношение сторон 3:2.
Филлер — допускается любое соотношение сторон. Чтобы филлер смотрелся «бесшовно» в расписании, залейте фон одним цветом, например белым.

Опросы.

Изображение вопроса — 1280×720 (16:9).
Изображение варианта ответа — 1080×606.

Задания. Оптимальное соотношение сторон обложки — 3:2.

Траектории, курсы, квесты.

Обложка траектории — рекомендуемый размер 1280×720. Важные элементы располагайте не выше 447 пикселей от нижнего края — на экране выбора этапов часть обложки закрывают элементы управления (см. Пример 1).

Обложка этапа — рекомендуемый размер 1280×720 (16:9).
Иконка этапа — формат 1:1. На экране выбора этапов из иконки вырезается круг (см. Пример 1, Пример 2).

Обложка квеста (этап, выведенный отдельным пунктом меню) — рекомендуемый размер 1280×720 (16:9).

Призы геймификации. Оптимальное соотношение сторон — 3:2.

Примеры использования

Анонс ключевого доклада. Загрузите обложку карточки доклада с соотношением 3:2 и логотипом спикера — это стандартный формат для блока расписания в мобильном приложении участника.
Пост в ленте новостей. Подготовьте изображение 1280×720, чтобы баннер занимал всю ширину карточки и не обрезался на устройствах участников.
Сбор обратной связи после сессии. Для опроса с иллюстрацией к вопросу используйте 1280×720, а картинки к вариантам ответа — 1080×606, чтобы они не «разъезжались» в форме.
Геймификация на стенде партнёра. Загрузите изображение приза 3:2, чтобы корректно отображалось в витрине наград и в карточке участника после получения.

Ограничения и нюансы

Изображения тяжелее 10 МБ не загрузятся — сожмите файл или уменьшите разрешение перед добавлением.
Если превысить 4000 px по длинной стороне, изображение может отображаться с артефактами масштабирования.
У обложки траектории верхняя часть перекрывается элементами интерфейса — оставляйте в этой зоне минимум важного контента, ключевые элементы размещайте ближе к нижнему краю (до 447 px снизу).
У иконки этапа изображение автоматически обрезается в форме круга — учитывайте это при вёрстке макета (см. Пример 2).
Файл не в формате JPEG или PNG не пройдёт валидацию — при необходимости пересохраните исходник в нужный формат.

Связанные статьи

Загрузка и замена медиафайлов в разделе события
Оформление программы мероприятия: расписание, доклады, спикеры
Настройка каталога: партнёры, выставка, медиа-экраны
Создание опросов и голосований для участников
Геймификация: призы, баллы, задания
Образовательные траектории, курсы и квесты в событии