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

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

Кратко

В статье собраны технические требования к изображениям, которые загружаются в разделы Talent Rocks: новости, каталог курсов, расписание обучения, опросы (eNPS, pulse), задания, траектории, курсы, квесты и призы геймификации. Соблюдение размеров и пропорций помогает корректно отображать обложки на разных устройствах сотрудников и избегать обрезки важных элементов интерфейсом.

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

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

Эти ограничения действуют для всех разделов платформы Talent Rocks.

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

Требования применяются при оформлении:

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

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

Новости

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

Баннер каталога

• Рекомендуемый размер изображения — 1280×720 (16:9).

Расписание обучения

• Обложка карточки занятия: оптимальное соотношение сторон — 3:2.
• Филлер: допускается любое соотношение сторон. Для бесшовного вида фон изображения должен быть однотонным (например, белым).

Опросы (eNPS, pulse surveys)

• Изображение для вопроса — оптимально 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.

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

1. Подготовьте изображение заранее: выберите нужное соотношение сторон под конкретный раздел и проверьте вес файла (до 500 КБ).
2. Разместите ключевые элементы в «безопасной зоне»:
   • для обложки траектории — не выше 447 px от нижнего края;
   • для иконки этапа — строго по центру (учитывайте круглую маску).
3. Загрузите файл в нужный раздел Talent Rocks через интерфейс редактирования курса, траектории, новости или опроса.
4. Проверьте отображение на превью: убедитесь, что текст и логотипы не обрезаны на мобильном устройстве сотрудника.
5. При необходимости замените изображение — платформа сохраняет пропорции при повторной загрузке.

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

• Адаптация новичка: обложка траектории онбординга — 1280×720, заголовок и имя наставника размещены в нижней трети, чтобы не перекрываться кнопками.
• Pulse-опрос по вовлеченности: изображение для вопроса — 1280×720 (16:9), для вариантов ответа — 1080×606.
• Каталог курсов по soft skills: баннер каталога — 1280×720 (16:9), обложки карточек курсов — 3:2.
• Геймификация в программе обучения: призы — изображения 3:2, иконки этапов — квадрат 1:1 с центральной композицией.
• Внутренние новости компании: пост о корпоративном событии — обложка 1280×720 (16:9), вес до 500 КБ для быстрой загрузки в мобильном приложении сотрудника.

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

• Изображения тяжелее 10 МБ не загрузятся в платформу.
• Файлы с длинной стороной более 4000 px будут отклонены или автоматически сжаты с потерей качества.
• В обложке траектории нижние 447 пикселей перекрываются интерфейсом — не размещайте там важный контент.
• Иконка этапа отображается в круглой маске — углы квадратного изображения будут скрыты.
• Форматы GIF, WebP, SVG, BMP не поддерживаются — используйте JPEG или PNG.
• Для филлеров в расписании однотонный фон обязателен, иначе будут видны стыки при мозаичной раскладке.
• Перед массовой загрузкой проверяйте изображения на тестовом курсе: разные устройства сотрудников могут по-разному кадрировать превью.

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

• Загрузка и хранение медиафайлов в Talent Rocks
• Оформление карточки курса
• Настройка траектории обучения сотрудника
• Создание eNPS и pulse-опроса
• Геймификация в программах адаптации
• Требования к видео и презентациям в курсах