Иллюстрации витрины в Steam¶

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

¶Типы иллюстраций в Steam

Последний тип — иллюстрация витрины (library hero) — как раз отвечает за полноэкранную подачу: при запуске игры из библиотеки Steam это изображение занимает весь верхний экран, поверх него выводятся кнопки «Играть», сведения о прогрессе и достижениях.

¶Требования к файлам

Для полноэкранного отображения витрины Steam предъявляет следующие требования:

• Разрешение: 3840×1240 пикселей для library hero, 2316×870 для капсульной иллюстрации, 1920×1080 для скриншотов.
• Формат: PNG с 24-битным цветом (без альфа-канала для большинства типов) или JPG для скриншотов.
• Цветовое пространство: sRGB.
• Размер файла: не более 10 МБ для изображений, до 1 ГБ для видео.
• Соотношение сторон: строго фиксировано, растягивание или обрезка приводит к отклонению от требований и отклонению при проверке.

¶Процесс создания и загрузки

¶Подготовка макета

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

1. Создание макета в редакторе растровой графики (Adobe Photoshop, GIMP, Krita) в холсте 3840×1240 пикселей.
2. Подготовку отдельных слоёв: фон, персонажи, логотип, эффекты — чтобы при необходимости быстро адаптировать изображение под другие форматы.
3. Экспорт в PNG без сжатия с потерями.

¶Загрузка через Steamworks

Иллюстрации загружаются в разделе «Store» → «Store Graphical Assets» панели разработчика Steamworks. Порядок действий:

1. Открыть страницу игры в Steamworks.
2. Перейти в раздел графических ассетов магазина.
3. Загрузить файлы соответствующих типов, указав язык и регион (для локализованных версий).
4. Отправить материалы на проверку — команда Valve проверяет соответствие требованиям и контенту игры.
5. После одобрения изменения вступают в силу в течение нескольких часов.

¶Оптимизация под разные экраны

Поскольку Steam показывает витрину на экранах от 1280×720 до 4K, рекомендуется:

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

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

Наиболее частые причины отклонения иллюстраций при проверке Valve:

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

¶Применение

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

Источники:

• Документация Steamworks по графическим ассетам магазина (Valve Corporation)
• Steamworks Documentation: Store Graphical Assets
• Руководство по подготовке материалов для публикации в Steam