Изображения для запуска приложения в соцсетях: чек-лист

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

Начните с одного набора изображений

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

Пяти изображений и одного ролика хватит на все платформы ниже.

Держите единый визуальный стиль

В течение дня люди увидят ваш запуск в нескольких местах. Если все изображения похожи, вторая и третья встреча воспринимаются как один и тот же продукт — и именно поэтому запуск кажется масштабнее, чем он есть.

Подробнее о фоне, отступах и тенях — в руководстве о красивых скриншотах.

Что нужно каждой платформе

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

ГдеФормаЧто публиковать
X16:9, 1600 × 900Главное изображение в посте о запуске; изображения с функциями в ответах
LinkedIn4:5, 1080 × 1350Главное изображение и короткая история о том, зачем вы его сделали
Threads4:5, 1080 × 1350Те же изображения, что и в Instagram
Bluesky4:5 или 1:1Главное изображение и до трёх изображений с функциями в одном посте
Лента Instagram4:5, 1080 × 1350Карусель: сначала главное изображение, затем функции
Stories в Instagram9:16, 1080 × 1920Главное изображение со стикером-ссылкой на ваш сайт
Галерея Product Hunt1270 × 760Сначала главное изображение, затем функции; квадратная миниатюра 240 × 240
Превью ссылки (Open Graph)1,91:1, 1200 × 630Главное изображение, заданное как og:image вашего сайта

X

Изображение 16:9 показывается в ленте без обрезки. Один телефон в центре холста 16:9 оставляет много пустого места, поэтому поставьте рядом заголовок или покажите два-три экрана рядом. Опубликуйте главное изображение с анонсом, а изображения с функциями — ответами в треде. Смотрите руководство о скриншотах приложения в X.

LinkedIn, Threads и Bluesky

Вертикальное изображение 4:5 занимает в этих лентах больше всего места и подходит для скриншота телефона. Один экспорт в 1080 × 1350 работает на всех трёх. Bluesky ограничивает каждое изображение примерно 2 МБ, поэтому экспортируйте JPEG, а не PNG.

Instagram

Для ленты используйте карусель: сначала главное изображение, затем по одной функции на слайд, всё в 4:5. О порядке слайдов — в нашем руководстве по каруселям в Instagram. Для Stories используйте 9:16 и оставляйте свободными верх и низ, где Instagram рисует свои элементы управления.

Product Hunt

Руководство по публикации Product Hunt рекомендует 1270 × 760 для изображений галереи и миниатюру 240 × 240; GIF-миниатюра допустима, если она меньше 3 МБ. Галерея появляется, только когда в ней не меньше двух изображений. Первым поставьте главное: его видят до того, как нажать.

Превью вашей ссылки

Каждый пост со ссылкой на ваш сайт показывает его изображение Open Graph. Сделайте им главное изображение в 1200 × 630 и проверьте его до дня запуска. В руководстве об изображениях Open Graph для сайта приложения перечислены теги и способы их проверить.

Напишите альт-текст сейчас

Альт-текст описывает изображение для тех, кто пользуется программами чтения с экрана, и его легко пропустить, когда публикуешь в спешке. Напишите его накануне, в том же документе, что и тексты постов.

Как сделать изображения в FeatureFrame

FeatureFrame — приложение для Mac, созданное именно для этого. Перетащите скриншот iPhone или iPad, и оно определит устройство по размеру в пикселях и поместит скриншот в 3D-рамку этой модели. Чтобы сделать набор к запуску:

  1. Сделайте главное изображение: один скриншот, фон и угол, которые вы используете для всего, на холсте 4:5.
  2. Переключите холст на 16:9, 9:16 или 1,91:1 для других платформ. Для Product Hunt используйте «Свое» с пропорциями 127:76.
  3. Для X добавьте до трёх скриншотов и выберите расположение «Строка», чтобы они стояли рядом.
  4. Экспортируйте каждое в 1080p в формате JPEG (режим «Соцсети») или скопируйте сочетанием ⌘C и вставьте прямо в пост.

Для единого стиля держите на всех изображениях одно устройство и цвет. Все модели и отделки — в библиотеке рамок устройств.

Чек-лист накануне

А теперь выспитесь. Изображения готовы.

Другие руководства