Требования к контенту для цифровых экранов: форматы, разрешение, длительность и дизайн

3
контент для цифровых экранов
Основа

Что такое контент для digital signage

Контент для цифровых экранов — это материалы, которые выводятся на панель или видеостену: изображения, видеоролики, анимация, а также динамические блоки (расписание, погода, курсы, бегущая строка). В отличие от печатного плаката, такой контент можно менять удалённо, показывать по расписанию и чередовать в плейлисте. Но именно из-за того, что материал выводится на конкретное «железо», к нему предъявляют технические требования — иначе картинка будет размытой, обрежется по краям или начнёт подтормаживать.

Требования удобно разложить по четырём направлениям: формат файла, разрешение и соотношение сторон, длительность и ротация, дизайн под условия показа. Разберём каждое.

Технические требования

Форматы файлов

Большинство систем управления контентом поддерживают стандартный набор форматов. Общее правило — использовать распространённые кодеки, чтобы плеер точно их воспроизвёл.

Изображения

JPG и PNG — базовый выбор. PNG подходит для графики с прозрачностью и чётким текстом, JPG — для фотографий. Разрешение под экран, без «растягивания» маленькой картинки.

Видео

MP4 с кодеком H.264 — самый совместимый вариант. Разумный битрейт: слишком «тяжёлый» ролик может подтормаживать на плеере, слишком сжатый — терять качество.

Анимация и графика

Короткая анимация в видео или GIF, а также HTML-виджеты для динамических блоков — погода, время, курсы, лента новостей.

Динамические данные

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

Чёткость

Разрешение для цифрового экрана и соотношение сторон

Главное требование к чёткости — контент должен готовиться под фактическое разрешение цифрового экрана. Для большинства панелей это Full HD (1920×1080) или 4K (3840×2160). Если сделать материал в меньшем разрешении и растянуть его на экран, появится размытие и «лесенка».

Соотношение сторон тоже должно совпадать. Горизонтальная панель — обычно 16:9, вертикальная — 9:16. Материал в неправильной ориентации либо обрежется, либо ляжет с чёрными полями. Для вертикальных витринных экранов контент готовят отдельно, а не разворачивают горизонтальный.

Отдельный случай — видеостена. Её разрешение складывается из разрешений всех панелей: например, стена 2×2 из Full HD-панелей это уже 3840×2160. Контент под видеостену готовят под суммарное разрешение всей стены, а не под одну панель. Как выбрать саму панель под помещение и расстояние обзора, разобрано в статье как выбрать диагональ и размер экрана.

Время

Длительность и ротация

Digital signage работает короткими сообщениями. У зрителя есть всего несколько секунд, пока он проходит мимо или стоит в очереди, поэтому длительность и частота смены контента критичны.

  • Длина ролика — обычно от нескольких до 15–20 секунд на сообщение; длинные ролики мало кто досматривает;
  • Плейлист и ротация — материалы чередуются по кругу; важные сообщения ставят чаще;
  • Расписание — разный контент по времени суток и дням (утреннее меню, дневные акции, вечерние предложения);
  • Частота обновления — контент периодически обновляют, чтобы он не «примелькался» постоянным посетителям.
Сводка

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

Параметр Изображение Видео
Формат JPG, PNG MP4 (H.264)
Разрешение Под экран: Full HD или 4K Под экран: Full HD или 4K
Соотношение 16:9 или 9:16 под ориентацию 16:9 или 9:16 под ориентацию
Длительность Задаётся в плейлисте (обычно 5–15 с) Обычно 10–20 с на ролик
Что учесть Чёткий текст, запас по контрасту Разумный битрейт, без перегруза плеера

Отдельные сценарии требуют своей проработки контента: например, для цифрового меню в кафе и ресторанах есть своя специфика по составу и подаче — ей посвящён отдельный материал контент для цифрового меню.

Оформление

Дизайн контента под экран

Технически правильный файл ещё не гарантирует, что сообщение сработает. Контент для экрана проектируют под то, как его будут видеть: мельком, с расстояния, часто без звука.

  • Правило нескольких секунд — одно сообщение = одна мысль; всё, что не читается за 3–5 секунд, не работает;
  • Крупный шрифт и минимум текста — короткий заголовок и ключевая выгода вместо абзацев;
  • Высокий контраст — светлый текст на тёмном фоне или наоборот, чтобы читалось при любом освещении;
  • Безопасные поля — важные элементы не у самого края, чтобы ничего не обрезалось рамкой;
  • Расчёт на «без звука» — смысл должен считываться без озвучки, звук в публичных зонах чаще выключен;
  • Единый стиль — фирменные цвета и шрифты во всех роликах сети.

Экран не читают — на него бросают взгляд. Если сообщение не считывается за несколько секунд с расстояния, самый дорогой дисплей работает вхолостую.

Пошагово

Как подготовить контент

1

Уточните параметры экрана

Разрешение, ориентацию и (для видеостены) суммарное разрешение всей стены.

2

Выберите формат

JPG/PNG для статики, MP4 (H.264) для видео с разумным битрейтом.

3

Сверстайте под обзор

Крупный шрифт, высокий контраст, одно сообщение на кадр, безопасные поля.

4

Соберите плейлист и расписание

Задайте длительность, порядок ротации и показ по времени суток.

5

Проверьте на экране и обновляйте

Посмотрите контент на реальной панели и периодически обновляйте, чтобы он не примелькался.

Чего избегать

Типичные ошибки

  • Растянутая мелкая картинка вместо материала под разрешение экрана;
  • Горизонтальный ролик на вертикальном экране (чёрные поля или обрезка);
  • Много мелкого текста, который не прочитать на ходу;
  • Слишком длинные ролики, которые никто не досматривает;
  • Перегруженный по битрейту файл, из-за которого плеер подтормаживает;
  • Один и тот же контент месяцами — «замыливается» у постоянных посетителей.
Управление

Как обновлять контент на экранах

Когда экранов больше одного, контент удобнее вести через систему управления (CMS): она хранит материалы, собирает плейлисты, показывает контент по расписанию и обновляет его сразу на всех точках удалённо. Это избавляет от необходимости подходить к каждому экрану с флешкой и гарантирует, что во всей сети показывается актуальный материал. Как устроено такое управление, разобрано в статье что такое CMS для цифровых экранов.

Что предлагает BTLScreen

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

Контент под разрешение
Full HD, 4K, видеостены
Управление сетью
плейлисты и расписание удалённо
Производство в РФ
площадка 8000 м², своя резка
Вопросы

Частые вопросы

В каком формате готовить контент для цифрового экрана

Изображения — в JPG или PNG, видео — в MP4 с кодеком H.264 как самом совместимом. Материал готовят под фактическое разрешение и ориентацию экрана.

Какое разрешение нужно для цифрового экрана

Разрешение для цифрового экрана берут под конкретную панель — обычно Full HD (1920×1080) или 4K (3840×2160). Для видеостены контент готовят под суммарное разрешение всех панелей вместе, а не под одну.

Сколько должен длиться ролик на экране

Как правило, от нескольких до 15–20 секунд на сообщение. У зрителя есть лишь несколько секунд, поэтому короткие ролики с одним сообщением работают лучше длинных.

Можно ли показать горизонтальное видео на вертикальном экране

Технически да, но оно ляжет с чёрными полями или обрежется. Для вертикального экрана контент готовят отдельно в соотношении 9:16, а не разворачивают горизонтальный.

Как обновлять контент сразу на нескольких экранах

Через систему управления контентом (CMS): она обновляет материалы и расписание удалённо на всех точках, без обхода экранов с флешкой.

Почему контент выглядит размытым

Чаще всего потому, что материал сделан в низком разрешении и растянут на экран. Нужно готовить контент под фактическое разрешение панели.

Нужна консультация по похожему решению?

Обсудим вашу задачу, подберём оборудование и подготовим расчёт окупаемости. Без обязательств, в течение 24 часов.