Размер сторис в Instagram*: формат кадра, зоны и подготовка графики

Размер сторис в Instagram: главные цифры

Рекомендуемый размер истории: 1080 на 1920 пикселей, соотношение сторон 9:16, вертикальная ориентация. Это размер полного экрана современного смартфона: изображение занимает весь экран, без чёрных полос и обрезки. Если загрузить картинку другого размера, приложение либо подгонит её, либо добавит поля, и красивая композиция может поехать.

Минимальную ширину лучше не опускать ниже 720 пикселей, иначе при увеличении на экране будет заметна мягкость. Более высокое разрешение не принесёт пользы: Instagram сожмёт файл до своего стандарта. Поэтому готовьте материалы сразу в 1080 на 1920 и не гонитесь за 4K.

Точные технические ограничения Instagram иногда меняет, поэтому ориентируйтесь на эти цифры как на надёжный стандарт, а вес файла и допустимую длительность проверяйте при загрузке.

Безопасные зоны: где нельзя размещать важное

Поверх истории накладывается интерфейс: сверху полоса с аватаркой, именем, индикатором прогресса и кнопкой закрытия, снизу поле «Отправить сообщение» и кнопки реакций. Всё, что попадает под них, перекрывается или становится неудобным для нажатия.

Что куда ставить

• Верхние 250 пикселей. Оставьте пустыми или используйте под фон и декор.
• Нижние 250 пикселей. Не ставьте текст и кнопки ссылок. Исключение: стикер ссылки добавляется самим Instagram, и его можно переместить.
• Центральная область. Это основной экран: здесь заголовок, лицо, товар, ключевая мысль.
• Боковые края. Текст не должен подходить ближе чем на 60-80 пикселей к краю: на некоторых телефонах экран закруглён.

Практический приём: создайте в графическом редакторе макет с направляющими на этих отступах и сохраните как шаблон. Он избавит вас от проверки каждый раз. Готовые идеи оформления смотрите в статье про шаблоны для сторис.

Как подготовить графику правильно

1. Создайте холст 1080 на 1920. В любом графическом приложении или редакторе.
2. Расставьте направляющие. По 250 пикселей сверху и снизу, по 60-80 слева и справа.
3. Разместите главные элементы внутри направляющих.
4. Сохраните в JPG высокого качества или PNG. PNG удобен для текста и логотипов с острыми краями.
5. Не пересылайте файл через мессенджеры перед публикацией: они сжимают картинку.
6. Просмотрите на телефоне. Посмотрите, как выглядит текст при обычном расстоянии до глаз.

Как проверить кадр на разных экранах

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

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

Типичные ошибки с размером

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

Что делать с горизонтальными и квадратными материалами

Если исходник горизонтальный (16:9) или квадратный (1:1), у вас три варианта.

Оставить как есть с цветным фоном

Загрузите фото, пальцами уменьшите его, а фон залейте цветом с помощью инструмента рисования. Получится рамка вокруг фото. Хороший вариант для скриншотов, постов других авторов, документов.

Обрезать до вертикального

Если важный объект в центре кадра, можно кадрировать под 9:16. Предварительно убедитесь, что в обрезку не уходит нужное.

Использовать макет

Режим «Макет» позволяет собрать несколько горизонтальных кадров на одном вертикальном экране. Подходит для подборок и сравнений.

Если вы публикуете чужую публикацию, она встаёт в историю как наклейка нужного размера, который можно менять жестами. Как это делается, объяснено в материале про репост поста в сторис.

Видео для сторис: параметры и частые ошибки

К видео применимы те же правила композиции, что и к картинкам: лицо и главный объект не должны уходить в верхнюю и нижнюю четверть кадра, а титры и подписи нужно добавлять внутри безопасной зоны. Если вы монтируете в сторонней программе, выставьте проект сразу в вертикальном формате 1080 на 1920, а не пытайтесь потом обрезать горизонтальный. Так вы не потеряете разрешение и не придётся пересчитывать композицию.

• Снимайте вертикально, телефон держите ровно. Горизонтальное видео в истории выглядит мелким.
• Частота кадров 30 в секунду подходит для большинства сюжетов.
• Следите за звуком: используйте тихое помещение или петличный микрофон. Если звука нет, добавьте субтитры.
• Длина одного видеокадра ограничена. Если ролик длиннее, нарежьте его, подробности в статье сколько длится сторис.
• Не экспортируйте видео в огромном размере. Файлы слишком большого размера загружаются дольше и чаще вызывают ошибки.

Размер превью и других элементов, связанных с историями

Иконки для «Актуального» подготавливайте квадратными: рекомендуется 1080 на 1080 пикселей, главный объект расположите в центре, потому что Instagram обрезает картинку до круга. Для фонов историй пригодятся однотонные изображения 1080 на 1920. Обложка рилс отличается от истории: там размер 1080 на 1920, но в сетке профиля обрезается до центральной части. Эти нюансы важно учитывать, когда вы оформляете профиль целиком.

Если картинка при загрузке выглядит мутной, проблема чаще всего в исходнике или двойном сжатии. Проверьте, что файл не был пересохранён много раз, а в настройках приложения не стоит экономия трафика при загрузке.

Размер важен, но не главный фактор

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

Правильный размер это техническая гигиена. Он помогает не потерять качество и не раздражать зрителя кривым кадрированием, но не заменяет интересное содержание. Когда техническая часть настроена, переходите к главному: что вы показываете и зачем. Чтобы эти кадры увидели новые люди, подключайте живые рекомендации. В PeachPost блогеры с аудиторией от 1000 человек репостят публикации друг друга за персики, а каждый репост проверяется по скриншоту.