Оформление (настройки игр)

Раздел содержит материалы — иконки, изображения и видео игры — для отображения в каталоге игр, на экране запуска, в сниппетах и на других экранах ВКонтакте.

Чтобы открыть настройки оформления:

  1. 1.
    Перейдите в список приложений.
  2. 2.
    Откройте настройки нужной игры.
  3. 3.
    В меню слева выберите Общие настройки → Оформление.

Доступ

Настраивать оформление игры может:

  • •
    Создатель игры.
  • •
    Администратор с полным доступом.
  • •
    Администратор с частичным доступом, с правом «Редактирование».

Подробнее о правах — в разделе Администраторы.

Иконки

Универсальная иконка

По умолчанию эта иконка используется для создания иконок других размеров.

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

Требования к изображению:

  • •
    Размер: 576×576 px.
  • •
    Поддерживаемые форматы: JPG, PNG.

Иконка для каталога и сниппетов

Эта иконка используется в некоторых подборках в каталоге и в сниппетах в сообщениях.

Используйте эту настройку, чтобы заменить иконку, которую ВКонтакте создаёт автоматически при загрузке универсальной иконки.

Требования к изображению:

  • •
    Размер: 278×278 px.
  • •
    Поддерживаемые форматы: JPG, PNG.

Маленькая иконка

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

Используйте эту настройку, чтобы заменить иконку, которую ВКонтакте создаёт автоматически при загрузке универсальной иконки.

Требования к изображению:

  • •
    Размер: 150×150 px.
  • •
    Поддерживаемые форматы: JPG, PNG.

Фавикон

Используется для вкладки десктопного браузера, в которой работает игра. При создании страницы ВКонтакте добавит её в HTML-код.

HTML
... <head> <link rel="icon" href="favicon.ico"> </head> ...

ВКонтакте не создаёт эту иконку автоматически при загрузке универсальной иконки. Её надо загрузить вручную.

Требования к изображению:

  • •
    Размер: 32×32 px.
  • •
    Поддерживаемые форматы: JPG, PNG, GIF.
  • •
    Максимальный размер файла: 50 Кбайт.

Изображения

Большой сниппет

Самое используемое после иконки изображение, которое ВКонтакте показывает:

Требования к изображению:

  • •
    Размер: 1120×630 px.
  • •
    Поддерживаемые форматы: JPG, PNG, GIF.

Большой сниппет нельзя менять, если игра находится в подборке каталога.

Баннер для фичеринга на мобильной витрине в Одноклассниках

Изображение отображается в верхней части мобильной витрины в разделе продвигаемых игр в Одноклассниках. Подробнее — в разделе Подборка «Рекомендуемые».

Схема расположения зон на баннереСхема расположения зон на баннере.

Требования к изображению:

  • •
    Размер: 720×800 px.
  • •
    Поддерживаемые форматы: JPG, PNG.
  • •
    Указано название игры.
  • •
    Основные элементы: игровые персонажи, название — расположены в SafeZone. Если места не хватает, можно использовать зелёную зону, но на ней будет градиентное затемнение.
  • •
    Нет элементов, похожих на кнопки: например, Играть.

Баннер для фичеринга в мобильной ленте в Одноклассниках

Изображение используется в игровых портлетах в мобильной ленте в Одноклассниках. Поверх баннера отображается аватар пользователя в специальной рамке. Подробнее — в разделе Баннер в мобильной ленте.

Требования к изображению:

  • •
    Размер: 960×960 px.
  • •
    Поддерживаемые форматы: JPG, PNG.
  • •
    Максимальный размер файла: 1 Мбайт.
  • •
    Правая верхняя часть изображения свободна — там будет аватарка пользователя.
  • •
    Под аватаркой пользователя располагается название приложения и call-to-action.

Шаблон в формате JPEG

Шаблон в формате PSD

Скриншоты игры

Изображения, которые отображаются на экране запуска игры, а также в результатах поиска в каталоге игр в десктопной версии сайта ВКонтакте.

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

Будьте внимательны. При смене ориентации загруженные изображения будут удалены. Восстановить их не получится.

Видео

Видеоролик, который отображается на экране запуска игры, а также в карусели баннеров в каталоге игр в десктопной версии сайта ВКонтакте.

Если видеоролик не указан, ВКонтакте будет использовать изображение большого сниппета. А если и его нет — универсальную иконку.

Экран запуска

На этой вкладке вы можете настроить экран запуска мини-приложения: выбрать иконку, цвет фона и включить анимацию.

Иконка должна быть в формате Lottie.

Подробности использования настроек — в разделе Экран запуска приложения.

Материалы по теме