Размеры каруселей и сторис для Instagram
Половина проблем с оформлением решается до дизайна - на этапе выбора размера холста. Ниже все рабочие размеры в одной таблице, безопасные поля, минимальный кегль текста и короткий чек-лист перед публикацией.
Таблица размеров
| Где показывается | Размер, пикселей | Соотношение |
|---|---|---|
| Карусель и пост в ленту | 1080×1350 | 4:5, вертикальная |
| Сторис | 1080×1920 | 9:16, вертикальная |
| Reels и обложка Reels | 1080×1920 | 9:16, вертикальная |
| Квадратный пост | 1080×1080 | 1:1 |
| Горизонтальный пост | 1080×566 | 1.91:1 |
Рабочих размеров, по сути, два: 1080×1350 для ленты и 1080×1920 для вертикальных форматов. Остальные - наследие: квадрат ещё встречается, горизонтальные посты в ленте почти не используют, потому что они занимают меньше трети экрана и их пролистывают, не вчитываясь.
Почему 4:5, а не квадрат
Вертикальная карточка занимает примерно на четверть больше высоты экрана, чем квадратная. В ленте это работает буквально как размер рекламного щита: чем больше площадь, тем дольше человек скользит по ней взглядом и тем выше шанс, что он дочитает заголовок и остановится. Разница в дизайне нулевая, разница во внимании - заметная, поэтому 4:5 давно стал стандартом.
Безопасные поля: где не должно быть важного
Картинка почти нигде не показывается целиком - её обрезают интерфейс и превью. Держите отступы, и ничего не потеряется.
- В ленте - отступ 60-80 пикселей от каждого края. Впритык поставленный текст в превью профиля обрезается по буквам.
- В сторис - верхние ~250 и нижние ~250-300 пикселей перекрываются аватаром, подписями и полем «Отправить сообщение». Всё важное держите в средней части кадра.
- Нижний правый угол сторис - там же появляются реакции и стикеры. Плохое место для призыва к действию.
Текст: минимальный размер и контраст
Слайд смотрят с телефона, где карточка занимает по ширине сантиметров семь. Отсюда простые правила:
- основной текст - не мельче 40-45 пикселей при ширине холста 1080;
- заголовок - от 70-80 пикселей, иначе он не отличается от текста и не работает как крючок;
- текст поверх фотографии кладите на плашку или затемнение: на светлом участке снимка белые буквы пропадают полностью;
- строка - не длиннее 35-40 знаков. Длиннее - глаз теряет начало следующей.
Формат файла, вес и качество
- PNG - для слайдов с текстом и графикой: буквы остаются чёткими.
- JPEG - для слайдов, целиком занятых фотографией: файл легче, разницы не видно.
- Больше 1080 пикселей по ширине готовить не нужно. Instagram всё равно пережмёт файл под свои размеры, и карточка шириной 2160 не станет чётче - только дольше загрузится.
- Все слайды одной карусели - одного размера. Иначе Instagram подгонит карусель под первую карточку, а остальные обрежет по центру.
Чек-лист перед публикацией
- все слайды одного размера, 1080×1350 или 1080×1920;
- по краям есть отступ, ничего важного не прижато к границе;
- текст читается, если посмотреть на слайд с вытянутой руки;
- на первом слайде - заголовок-крючок, а не название темы;
- на последнем - одно понятное действие;
- оформление то же, что в прошлых постах: те же шрифты, те же цвета.
Частые вопросы
Почему карусель стоит делать вертикальной, а не квадратной?
Вертикальная карточка 4:5 занимает в ленте примерно на четверть больше высоты экрана, чем квадрат. Больше площади - больше времени, пока человек листает мимо, и больше шансов, что он прочитает заголовок и остановится.
Нужно ли готовить слайды больше 1080 пикселей по ширине?
Нет. Instagram всё равно пережимает загруженное под свои размеры, и файл шириной 2160 пикселей не станет чётче - он просто дольше грузится. Достаточно ширины 1080 пикселей, важнее не мельчить шрифт и не ставить текст на пёстрый фон.
Что будет, если слайды карусели разного размера?
Instagram подгонит всю карусель под пропорции первой карточки, а остальные обрежет по центру. Чаще всего страдают подписи у краёв и нижние строки. Поэтому все слайды одной карусели готовят в одном размере.