← Блог
5 минут чтения

Скриншоты для App Store: стиль, размеры, вырезки

Скриншоты решают, установят приложение или нет. Современный стиль, точные размеры App Store и Google Play на 2026 год и как убрать фон с фото для героя.

  • app store screenshots
  • app marketing
  • ASO
  • Google Play
  • app store optimization
  • screenshot design
Скриншоты для App Store: стиль, размеры, вырезки

Иконка зарабатывает нажатие. Скриншоты зарабатывают установку. Как только человек попадает на вашу страницу — в App Store или Google Play, — галерея скриншотов оказывается самым большим и громким элементом на ней, и большинство посетителей решают «ставить или уходить» по тому, что видно без прокрутки.

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

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

Почему установку решают именно скриншоты

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

Отсюда правило первых двух скриншотов: ваша сильнейшая выгода и самое явное отличие идут на позиции один и два. Не экран входа. Не настройки. То, от чего человек думает «мне это нужно», — показанное, а не объяснённое.

Всё, что после второго слота, — для меньшинства, которое листает. Полезно, но это второй план.

Современный стиль скриншотов

Пролистайте топ чартов — везде один и тот же визуальный язык, потому что он работает:

  • Рамка устройства на цветном фоне — интерфейс лежит внутри мокапа телефона и парит на плотной подложке фирменного цвета, а не заполняет кадр от края до края.
  • Подпись с выгодой сверху — короткая, крупная, читаемая в размере превью. «Автоматически учитывает каждый расход» лучше, чем «Экран дашборда».
  • Одно сообщение на кадр — каждый скриншот доказывает ровно один тезис. Втиснуть три функции в одну картинку — значит не донести ни одной.
  • Последовательность, которая рассказывает историю — кадры читаются слева направо, как питч-дек. Некоторые приложения пускают панорамный фон через все кадры, чтобы протянуть зрителя по галерее.
  • Живые объекты — человек, товар или питомец, вырезанные и поставленные рядом с рамкой устройства, добавляют жизни, которой плоскому интерфейсу взять неоткуда.

Рука держит смартфон с ярким красочным интерфейсом приложения на светлом однотонном фоне

Размеры и требования, проверенные в июле 2026 года

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

Apple App Store

  • iPhone — обязателен один набор скриншотов для класса дисплеев 6,9 дюйма; под меньшие устройства Apple масштабирует его сама. Стандартный вертикальный размер — 1320 x 2868 px (класс также принимает 1290 x 2796 и 1260 x 2736).
  • iPad — если приложение работает на iPad, нужен набор для 13-дюймового дисплея: 2064 x 2752 px вертикально.
  • Лимиты и форматы — от 1 до 10 скриншотов на размер устройства, только JPEG или PNG, без альфа-канала. Перед загрузкой всё сведите.

Google Play

  • Количество — до 8 скриншотов на тип устройства; для публикации нужно минимум 2.
  • Размеры — каждая сторона от 320 до 3840 px, при этом длинная сторона не может быть больше короткой более чем вдвое.
  • Форматы — JPEG или 24-битный PNG без альфа-канала. Ещё понадобится баннер (feature graphic) 1024 x 500 px.
  • Право на попадание в подборки — чтобы приложение претендовало на крупноформатные рекомендательные блоки, Google просит минимум 4 скриншота от 1080 px.

Требования меняются с выходом нового железа, поэтому перед крупным релизом перепроверьте документацию App Store Connect и Play Console.

Как собрать героический скриншот с вырезкой

Те самые составные кадры — бегун, вырывающийся за рамку устройства в фитнес-приложении, кроссовка, парящая рядом с интерфейсом сервиса перепродажи, — собираются из вырезок. Процесс проще, чем кажется:

  1. Снимите чистые экраны интерфейса на реальном устройстве или в симуляторе.
  2. Снимите или найдите лайфстайл-фото вашего героя: пользователя, товара, еды, питомца.
  3. Вырежьте объект — уберите фон с фото в remover.bg; волосы, шерсть и тонкие края переживают вырезку, а это важно, когда объект ложится на плотный цветной фон.
  4. Экспортируйте в PNG с прозрачным фоном, чтобы он чисто лёг на фирменную подложку; детали формата разобраны в нашем гиде по прозрачным PNG.
  5. Соберите композицию в дизайн-инструменте — рамка устройства, вырезка, подпись — и добавьте мягкую тень под объектом, чтобы он стоял в сцене, а не парил над ней; о том, как глубина продаёт коллаж, — в материале про реалистичные тени.

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

Дизайнер за ноутбуком собирает яркую маркетинговую графику для мобильного приложения, рядом на столе лежит смартфон

Локализуйте и тестируйте, прежде чем доверять чутью

Два усилителя, которые большинство команд пропускает:

  • Локализация — обе консоли принимают отдельные наборы скриншотов под каждую локаль. Держите подписи на отдельном слое в дизайн-файле, чтобы смена языка занимала минуты, а не требовала редизайна. Переведённые подписи регулярно обгоняют англоязычные дефолты на неанглоязычных рынках.
  • A/B-тесты — Product Page Optimization у Apple позволяет проверить до трёх альтернативных вариантов против вашей текущей страницы, у Google Play есть эксперименты с описанием в сторе. Меняйте по одной переменной за раз — формулировку подписи, порядок первых кадров, цвет фона, — иначе вы не поймёте, что сработало.

Главное

Ставьте самую сильную выгоду в первый и второй кадр. Используйте рамки устройств, жирные подписи и вырезанные объекты на фирменных цветах. Попадайте точно в пиксельные размеры, сводите прозрачность и позволяйте A/B-тестам перевешивать ваше мнение. Скриншоты — последняя реклама вашего приложения перед кнопкой установки; пусть они за неё агитируют.

Читайте также