Бесшовные карусели Instagram: как работает приём с панорамой
Бесшовная карусель Instagram это широкий холст, разрезанный на равные слайды: три слайда 1080 x 1350 px получаются из холста 3240 x 1350 px, разрезанного каждые 1080 px.
Бесшовная карусель Instagram это одно широкое изображение, разрезанное на равные слайды, так что картинка продолжается при пролистывании. Для N слайдов 1080 x 1350 px вы рисуете на холсте 1080N x 1350 px (3240 x 1350 px для трёх слайдов) и экспортируете его как N фрагментов по 1080 px, которые загружаете по порядку.
В Instagram нет функции панорамы; эффект целиком зависит от того, как вы режете файл. Факты о платформах ниже ведут на страницы самих Instagram и Meta, проверено 5 октября 2026 года. Расчёты и правила макета наши. Чтобы увидеть картину дизайна каруселей шире, начните с нашего руководства по дизайну каруселей Instagram.
Как работает приём с панорамой?
Instagram показывает один слайд за раз и позволяет листать к следующему. Если правый край слайда 1 совпадает с левым краем слайда 2 пиксель в пиксель, глаз воспринимает их как одно непрерывное изображение.
Два правила со страницы справки Instagram о каруселях делают это возможным и одновременно ограничивают:
- В одной публикации может быть до 20 фото и видео.
- Выбранная ориентация действует для каждого элемента публикации. Нельзя смешивать квадратный слайд с вертикальным.
Поэтому каждый фрагмент должен быть строго одного размера. Если один отличается хоть на несколько пикселей, края перестают совпадать.
Исследование мобильных каруселей Nielsen Norman Group объясняет, почему приём работает как дизайнерская подсказка: контент, который заметно продолжается за краем экрана, сигнализирует, что дальше есть что посмотреть, и NN/g считает такую подсказку более сильной, чем ряд точек под каруселью.
Какой размер холста нужен?
Умножьте ширину слайда на число слайдов, а высоту оставьте прежней. Согласно странице о разрешении изображений, Instagram сохраняет фото в полном качестве при ширине до 1080 px и соотношении между 1.91:1 и 3:4, поэтому ширина каждого фрагмента должна быть ровно 1080 px.
| Слайдов | Холст при 4:5 (высота 1350 px) | Холст при 3:4 (высота 1440 px) | Холст при 1:1 (высота 1080 px) | Разрез на (px слева) |
|---|---|---|---|---|
| 2 | 2160 x 1350 | 2160 x 1440 | 2160 x 1080 | 1080 |
| 3 | 3240 x 1350 | 3240 x 1440 | 3240 x 1080 | 1080, 2160 |
| 4 | 4320 x 1350 | 4320 x 1440 | 4320 x 1080 | 1080, 2160, 3240 |
| 5 | 5400 x 1350 | 5400 x 1440 | 5400 x 1080 | через каждые 1080 |
| 6 | 6480 x 1350 | 6480 x 1440 | 6480 x 1080 | через каждые 1080 |
| 10 | 10800 x 1350 | 10800 x 1440 | 10800 x 1080 | через каждые 1080 |
| 20 (предел) | 21600 x 1350 | 21600 x 1440 | 21600 x 1080 | через каждые 1080 |
Общее правило: слайд k (счёт с 1) занимает пиксели от 1080 x (k минус 1) до 1080 x k. Слайд 2 любой панорамы всегда занимает x от 1080 до 2160.
Мы рекомендуем 4:5 для большинства брендов. Эту же форму мы советуем и для обычных каруселей, так что панорама и остальные ваши публикации используют один размер шаблона.
Как выглядит хорошая панорама?
Ниже холст 3240 x 1350 px, отрисованный для нашего демо-бренда AURORA. Пунктирные линии показывают, где холст разрезается на три слайда по 1080 px.
Почему это работает: верхняя полоса, нижняя полоса и средняя линия пересекают каждый разрез, поэтому пролистывание ощущается непрерывным. Заголовок, метка и каждая маленькая подпись внизу целиком лежат внутри одного фрагмента, поэтому ни одно слово не разрезается между двумя слайдами.
Что идёт не так, если текст пересекает разрез?
Вот холст того же размера с макетом, который не планировали под нарезку.
Градиентный фон хорошо подходит для панорамы, потому что перетекает через оба разреза. Заголовок для этого не годится: после разреза слайд 1 обрывается посреди предложения, а слайд 2 начинается с половины слова. У карточки та же проблема: её края попадают на разные слайды.
Какие элементы стоит пускать через разрез?
| Элемент | Пересекать разрез? | Почему (наша рекомендация) |
|---|---|---|
| Цвет фона, градиент, текстура | Да | Именно они создают ощущение единства слайдов |
| Линии, полосы, стрелки, пути | Да | Они ведут взгляд к следующему слайду |
| Крупные фигуры или фото продукта | Да, аккуратно | Подходит, если часть на каждом слайде по-прежнему понятна отдельно |
| Заголовки и основной текст | Нет | Разорванное слово трудно читать, и оно выглядит как ошибка |
| Логотип | Нет | Оставляйте его целым на первом или последнем слайде |
| Лица | Нет | Лицо, разрезанное пополам, плохо читается на отдельном слайде |
Как практическое правило, держите каждое слово не ближе 96 px от каждой линии разреза. Это боковое поле, которое используют наши собственные шаблоны каруселей, и оно оставляет запас, если на экране зрителя виден краешек следующего слайда. Как ведут себя такие фиксированные текстовые блоки, можно посмотреть в нашем живом демо.
Как собрать и опубликовать бесшовную карусель?
- Выберите число слайдов и форму, затем задайте холст по таблице выше.
- Проведите направляющие через каждые 1080 px, плюс поле 96 px с каждой стороны от каждой направляющей.
- Сначала нарисуйте фон и соединяющие элементы на всю ширину.
- Размещайте текст и логотипы только внутри отдельных фрагментов.
- Экспортируйте каждый фрагмент 1080 px отдельным файлом с номерами 01, 02, 03, чтобы порядок был очевиден.
- Загрузите все фрагменты по порядку в одну публикацию и проверьте предпросмотр перед публикацией.
Если порядок получился неверным, справка Instagram говорит, что после публикации элементы можно переставить. Однако добавить новый фрагмент в опубликованную карусель нельзя, так что отсутствующий фрагмент означает повторную публикацию.
Как панорама выглядит в сетке профиля?
В сетке появляется только слайд 1, и Instagram показывает его с маленьким значком карусели. Значит, слайд 1 становится плиткой вашей сетки, и он должен работать сам по себе. При нашей проверке сетки профиля 5 октября 2026 года плитки были 3:4, что обрезает фрагмент 4:5 примерно на 34 px с каждой стороны. В нашем руководстве по планированию сетки показан этот расчёт и способ планировать с учётом него.
Стоит ли использовать панораму для рекламы?
Мы рекомендуем не использовать. В спецификациях рекламных каруселей Meta сказано, что система показа может первой показать ту карточку, на которую человек с наибольшей вероятностью отреагирует, сохраняя общий порядок карточек. Если панорама начнётся со слайда 3, картинка перестанет иметь смысл. Кроме того, реклама ограничена 2–10 карточками, а для каруселей только с изображениями используется 4:5.
Для рекламы делайте каждую карточку самостоятельной. Для органических публикаций мы советуем панораму из 3–6 слайдов: достаточно длинную, чтобы ощущалась как раскрытие, и достаточно короткую, чтобы люди дошли до конца.
Чек-лист панорамы
- Ширина холста ровно 1080 x число слайдов.
- Все фрагменты одной высоты, а значит, одной ориентации.
- Фоны и линии пересекают разрезы; слова, логотипы и лица не пересекают.
- Каждое слово не ближе 96 px от линии разреза.
- Слайд 1 работает сам по себе как плитка сетки.
- Файлы пронумерованы в порядке загрузки.
Хотите сделать статичные слайды в том же наборе? Полный набор форматов ленты смотрите в материале размеры постов в Instagram, а как использовать фрагмент панорамы как тизер, читайте в наших шаблонах Stories для брендов.
Вопросы и ответы
Какого размера нужен холст для бесшовной карусели Instagram?
Умножьте ширину слайда на число слайдов, а высоту оставьте прежней. Для слайдов 4:5 это 1080 x N на 1350 px: для 3 слайдов нужно 3240 x 1350 px, для 5 слайдов 5400 x 1350 px.
Сколько слайдов может быть в панорамной карусели?
Instagram разрешает до 20 фото и видео в одной публикации, поэтому самая широкая органическая панорама состоит из 20 слайдов, то есть 21 600 x 1350 px при 4:5. Мы рекомендуем от 3 до 6 слайдов, потому что эффект сильнее всего в начале пролистывания.
Почему после публикации моя панорама выглядит смещённой?
Обычно один из фрагментов другого размера, фрагменты загружены в неправильном порядке или Instagram обрезал их под другую ориентацию. У всех слайдов в публикации одна ориентация, поэтому экспортируйте все фрагменты строго одного размера.
Можно ли использовать бесшовную карусель в рекламе?
Это рискованно. В руководстве Meta по рекламе сказано, что рекламные карусели могут показывать первой карточку, на которую человек с наибольшей вероятностью отреагирует, и это может разорвать цельную картинку. Мы рекомендуем делать так, чтобы каждая рекламная карточка работала сама по себе.