Как публиковать скриншоты приложения в X

Обновлено 30 октября 2026 г.

Чтобы скриншот приложения в X не обрезался, публикуйте его на холсте 16:9, например 1600 × 900 или 1200 × 675 пикселей, со скриншотом по центру и отступами вокруг. Для нескольких экранов поставьте два-три рядом на одном изображении 16:9 или опубликуйте до четырёх изображений, держа каждый экран в центре своего изображения. К каждому изображению добавьте короткое описание.

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

Размер, который показывается целиком: 16:9

X не документирует официальный размер изображений для постов. Руководства по размерам, например руководство Metricool, советуют 16:9 — 1600 × 900 или 1200 × 675 пикселей, — и именно эта форма показывается в ленте без обрезки в приложениях X и в браузере.

Более высокие изображения в превью ленты могут обрезаться. Нажав, можно увидеть изображение целиком, но большинство этого не делает, поэтому считайте превью тем, что увидят люди. Скриншот iPhone имеет пропорции примерно 9:19,5 — гораздо выше, чем 16:9, — поэтому в исходном виде обычно видна лишь полоска из середины.

Решение — поместить скриншот на холст 16:9:

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

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

Если прикрепить больше одного изображения, X раскладывает их сеткой и обрезает каждое под свою ячейку:

Изображений	Раскладка в ленте
2	Рядом друг с другом
3	Одно крупное изображение и два поменьше, друг над другом рядом с ним
4	Сетка 2 × 2

Ячейки не в формате 16:9, а точная обрезка зависит от приложения и размера экрана, так что идеально подогнать каждое изображение не получится. Что работает надёжно:

Держите экран в центре каждого изображения с щедрыми отступами, чтобы обрезка съедала фон, а не интерфейс.
Делайте все изображения одного размера и стиля, чтобы сетка выглядела как набор.
Ставьте самое важное изображение первым. В посте с тремя изображениями первому достаётся большая ячейка.

Часто одно изображение 16:9 с двумя-тремя экранами рядом выглядит аккуратнее, чем сетка из отдельных картинок: раскладкой управляете вы, а не обрезка.

Добавляйте описания изображений

X позволяет добавить к каждому изображению описание, также называемое альт-текстом. Программы чтения с экрана зачитывают его вслух, а остальные могут открыть его по значку ALT на изображении. Согласно справке X, описание добавляется через пункт +ALT или «Добавить описание» у каждого прикреплённого изображения и может содержать до 1000 символов. К видео описание добавить нельзя.

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

iPhone с главным экраном Offline Transcription: список аудиофайлов, один из них расшифровывается, виден индикатор прогресса.

У X есть собственное руководство о том, как писать хорошие описания изображений.

Изображение или короткое видео?

У каждого своё место.

Изображение лучше всего показывает экран, дизайн или «до и после». Его понимают с одного взгляда на ходу, и к нему можно добавить описание.
Короткое видео или запись экрана лучше показывает взаимодействие: жест, анимацию, скорость работы. Делайте его коротким, начинайте с самого интересного и следите, чтобы оно было понятно без звука.

Хорошая схема для новой функции — статичное изображение в рамке в самом посте и запись экрана в ответе для тех, кто хочет увидеть всё в движении.

Советы для разработчиков

Начинайте с изменения. «Экспорт теперь в один клик» лучше, чем «Вышла версия 2.3». Изображение показывает, текст называет.
Одна мысль на пост. Пост об одной функции с одним понятным изображением работает лучше, чем список изменений с четырьмя перегруженными скриншотами.
Используйте правдоподобное содержимое. Тестовые данные, похожие на реальное использование, делают экран убедительным. Скрывайте личные имена, адреса почты и тестовые данные.
Держите единый стиль. Один цвет фона, устройство и угол во всех постах делают приложение узнаваемым в ленте. Подробно об этом — в руководстве о красивых скриншотах для соцсетей.
Подписывайте свою работу. Небольшое @имя в углу сохраняет ваше имя на изображениях, которые репостят; смотрите руководство о водяных знаках на скриншотах.
Делитесь процессом, а не только запусками. Регулярные посты о работе собирают аудиторию ещё до дня запуска; смотрите руководство о скриншотах в духе build in public.

Быстрый порядок действий

Сделайте снимок экрана в полном разрешении — на устройстве или в Симуляторе.
Поместите его в рамку устройства на холсте 16:9 со спокойным фоном и отступами. Варианты описаны в руководстве о том, как вставить скриншот в рамку iPhone.
Экспортируйте JPEG размером 1600 × 900 или больше.
Напишите одну строку о том, что изменилось, прикрепите изображение и добавьте описание.

FeatureFrame выполняет шаги 2 и 3 в одном окне: перетащите до трёх скриншотов, выберите холст 16:9 — и приложение поместит каждый в рамку его реального устройства (или в рамку Clay), выстроит их в ряд и позволит скопировать изображение сочетанием ⌘ C и вставить в пост или экспортировать его сочетанием ⌘ E. Для других платформ смотрите руководства о размерах изображений для скриншотов приложения и о каруселях в Instagram. Загрузите FeatureFrame в Mac App Store.