Изображения для запуска приложения в соцсетях: чек-лист
Обновлено 30 октября 2026 г.
К запуску сделайте одно главное изображение и три-четыре изображения с функциями в едином визуальном стиле, затем экспортируйте каждое в формах, которые нужны платформам: 16:9 для X, 4:5 для Instagram, LinkedIn, Threads и Bluesky, 9:16 для Stories, 1270 × 760 для галереи Product Hunt и 1200 × 630 для превью ссылки. Добавьте короткий демо-ролик, если он есть, напишите альт-текст к каждому изображению и подготовьте всё накануне.
День запуска суматошный. Вы отвечаете на комментарии, чините баг, найденный в первый же час, и публикуете в пяти местах. Изображения — та часть, которую можно закончить заранее, так что закончите её заранее.
Начните с одного набора изображений
Не придумывайте всё с нуля для каждой платформы. Сначала определите небольшой набор, а потом меняйте размер.
- Главное изображение. Самый узнаваемый экран приложения в рамке и заголовок в одну строку о том, что делает приложение. Это изображение увидит больше всего людей, и именно оно появится в превью ссылок.
- Три-четыре изображения с функциями. По одной функции на каждом: экран, короткий заголовок и ничего больше. Они пойдут в треды, карусели и галерею Product Hunt.
- Короткое демо. Запись экрана на 10–30 секунд с основным сценарием, если она есть. Видео привлекает внимание в большинстве лент, но изображения тоже нужны: они появляются там, где видео нет, например в превью ссылок и миниатюрах галереи.
Пяти изображений и одного ролика хватит на все платформы ниже.
Держите единый визуальный стиль
В течение дня люди увидят ваш запуск в нескольких местах. Если все изображения похожи, вторая и третья встреча воспринимаются как один и тот же продукт — и именно поэтому запуск кажется масштабнее, чем он есть.
- Используйте один цвет фона или градиент на всех изображениях.
- Используйте одно устройство, цвет рамки и угол наклона во всём наборе.
- Размещайте заголовки в одном месте и одним стилем шрифта.
- Используйте цвета самого приложения. Если ваш акцентный цвет оранжевый, оранжевый фон или выделение связывает изображение с приложением.
Подробнее о фоне, отступах и тенях — в руководстве о красивых скриншотах.
Что нужно каждой платформе
Полный список размеров с источниками — в руководстве о размерах изображений для скриншотов приложения. Вот что подготовить к запуску.
| Где | Форма | Что публиковать |
|---|---|---|
| X | 16:9, 1600 × 900 | Главное изображение в посте о запуске; изображения с функциями в ответах |
| 4:5, 1080 × 1350 | Главное изображение и короткая история о том, зачем вы его сделали | |
| Threads | 4:5, 1080 × 1350 | Те же изображения, что и в Instagram |
| Bluesky | 4:5 или 1:1 | Главное изображение и до трёх изображений с функциями в одном посте |
| Лента Instagram | 4:5, 1080 × 1350 | Карусель: сначала главное изображение, затем функции |
| Stories в Instagram | 9:16, 1080 × 1920 | Главное изображение со стикером-ссылкой на ваш сайт |
| Галерея Product Hunt | 1270 × 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.
Для ленты используйте карусель: сначала главное изображение, затем по одной функции на слайд, всё в 4:5. О порядке слайдов — в нашем руководстве по каруселям в Instagram. Для Stories используйте 9:16 и оставляйте свободными верх и низ, где Instagram рисует свои элементы управления.
Product Hunt
Руководство по публикации Product Hunt рекомендует 1270 × 760 для изображений галереи и миниатюру 240 × 240; GIF-миниатюра допустима, если она меньше 3 МБ. Галерея появляется, только когда в ней не меньше двух изображений. Первым поставьте главное: его видят до того, как нажать.
Превью вашей ссылки
Каждый пост со ссылкой на ваш сайт показывает его изображение Open Graph. Сделайте им главное изображение в 1200 × 630 и проверьте его до дня запуска. В руководстве об изображениях Open Graph для сайта приложения перечислены теги и способы их проверить.
Напишите альт-текст сейчас
Альт-текст описывает изображение для тех, кто пользуется программами чтения с экрана, и его легко пропустить, когда публикуешь в спешке. Напишите его накануне, в том же документе, что и тексты постов.
- Скажите, что показывает экран и почему это важно: «Файл Earnings Call расшифрован на 28%, осталось 7 минут» говорит больше, чем «Скриншот приложения».
- Включите текст заголовка, если он есть на изображении.
- Пишите коротко. В руководстве Buffer по альт-тексту указан лимит в 300 символов в LinkedIn и совет укладываться в 200 символов везде.
Как сделать изображения в FeatureFrame
FeatureFrame — приложение для Mac, созданное именно для этого. Перетащите скриншот iPhone или iPad, и оно определит устройство по размеру в пикселях и поместит скриншот в 3D-рамку этой модели. Чтобы сделать набор к запуску:
- Сделайте главное изображение: один скриншот, фон и угол, которые вы используете для всего, на холсте 4:5.
- Переключите холст на 16:9, 9:16 или 1,91:1 для других платформ. Для Product Hunt используйте «Свое» с пропорциями 127:76.
- Для X добавьте до трёх скриншотов и выберите расположение «Строка», чтобы они стояли рядом.
- Экспортируйте каждое в 1080p в формате JPEG (режим «Соцсети») или скопируйте сочетанием ⌘C и вставьте прямо в пост.
Для единого стиля держите на всех изображениях одно устройство и цвет. Все модели и отделки — в библиотеке рамок устройств.
Чек-лист накануне
- Главное изображение экспортировано в 16:9, 4:5, 9:16, 1270 × 760 и 1200 × 630.
- Три-четыре изображения с функциями в 4:5, а также в 16:9, если будете публиковать их в X.
- Миниатюра 240 × 240 для Product Hunt.
- Демо-ролик в пределах ограничения длины каждой платформы.
- Альт-текст к каждому изображению рядом с текстами постов.
og:imageвашего сайта обновлён и проверен.- Ни на одном скриншоте нет личных данных: имён, адресов почты, уведомлений, реальных данных тестового аккаунта.
- Всё в одной папке с названиями по платформам, чтобы в 9 утра не искать файлы.
А теперь выспитесь. Изображения готовы.
Другие руководства
- Как вставить скриншот в рамку iPhone на Mac
- Как публиковать скриншоты приложения в X
- Как сделать карусель в Instagram из скриншотов приложения
- Build in public: как делиться скриншотами прогресса
- Как добавить водяной знак на скриншоты
- Изображения Open Graph для сайта приложения
- Бесплатные мокапы-рамки iPhone и iPad