Как делать ролики, чтобы кнопки приложения не закрывали текст: безопасные зоны по сетям

Ситуация и цель

30 сентября 2026 года основатель заметил то, с чем рано или поздно сталкивается каждый автор коротких видео: в опубликованных роликах интерфейс Instagram закрывал верх кадра, а края обрезались. Мы собираем ролики кодом: подписи, карточки, макеты телефонов и стикеры расставлены по координатам на кадре 1080 × 1920, так что с файлами всё было в порядке. Просто они были свёрстаны под экран, которого никто не видит.

Во всех 18 файлах роликов, что были у нас тогда, подписи или карточки заходили в эти области. Цель — один набор зон для всех шаблонов, который проверяет машина до рендера, а не человек после публикации.

Что сделали, по шагам

1. Разметили, что закрывает кадр (30 сентября). По рекомендациям Meta для Reels и Stories и актуальным разборам Reels: около 14% сверху (профиль, имя), 20–35% снизу (раскрывающаяся подпись, полоска звука, кнопка в рекламе), колонка кнопок «нравится», «комментарий», «поделиться» и «сохранить» справа в нижней части и края, которые, по словам Meta, могут обрезаться, когда видео 9:16 растягивают на более высокий экран. В сетке профиля обложка показывается плиткой 3:4.
2. Превратили это в три зоны для кадра 1080 × 1920.

- Текст: x 108–972, y 270–1248. Каждое слово, число, плашка и элемент интерфейса, который зритель должен прочитать. - Картинки: x 65–1015, y 270–1536 и вне колонки кнопок (ничего при x больше 850, когда y больше 1152). Телефоны, стикеры, лица. - Под обрез: фон и декор — где угодно.

1. Переложили все 18 роликов. В стиле с ведущей подписи теперь заканчиваются на y 1110, а голова ведущей начинается на 1170 — её фигура уходит под подпись Instagram, где её может закрыть. В стилях «экран» и «комикс» подписи начинаются на y 290. Мелкий интерфейс внутри макета телефона либо приближается камерой, либо повторяется крупной карточкой.
2. Сделали проверку видимой. Скрипт контактных листов рисует зоны поверх кадров ролика (зелёная — текст, жёлтая — картинки, красная — интерфейс Instagram), а наш сборщик рисует их в двенадцати моментах каждого ролика до рендера. Картинка к этой статье — один из таких листов, до и после.
3. Прочитали официальные цифры (7 октября) для бесплатной проверки, которую мы делали. Meta пишет прямо: оставьте не меньше 14% сверху, 35% снизу и по 6% с каждой стороны свободными от текста, логотипов и других важных элементов.
4. Автоматизировали (8 октября). Ролики с говорящим аватаром, которые собирает другой конвейер, снова нарушили зоны, и основатель поймал это на просмотре. Тот конвейер получил машинную проверку: браузер без окна перематывает таймлайн анимации каждые 0,1 секунды, измеряет каждую видимую подпись, карточку и окно браузера и бракует сборку, если что-то 0,4 секунды и дольше стоит вне текстовой зоны. Правило с тех пор: новый шаблон получает такую проверку до первого рендера, а не после просмотра.

Официальные цифры рядом

Все три страницы — Meta, Google и TikTok — прочитаны 7 октября 2026 года, и все три про рекламу: страница Instagram о размерах Reels и страница YouTube о загрузке Shorts безопасной зоны для обычных публикаций не дают, так что других официальных цифр нет (короткий ответ). Наша текстовая зона до x 972 укладывается в область Meta. У Shorts колонка кнопок стоит глубже, поэтому всё читаемое в нижней части кадра держим левее x 888.

У обложек свои правила. Instagram рекомендует обложку 420 × 654 (1:1,55), а его справка 7 октября говорила, что после загрузки обложку изменить нельзя. В сетке профиля показывается плитка 3:4, вырезанная из обложки: когда 15 октября мы перепроверили двенадцать плиток, шесть были вырезаны из середины, остальные — выше или ниже. Свою обложку для Shorts можно поставить только в YouTube Studio на компьютере.

Результаты

• Все 18 роликов переложили 30 сентября, и с тех пор зоны встроены в каждый шаблон нашей студии роликов. Одиннадцать роликов, поставленных в расписание 11 октября, прошли проверку на таких листах, прежде чем уйти в девять сетей (этот кейс здесь).
• 7 октября цифры стали бесплатной проверкой: откройте кадр или видео, увидьте поверх зоны Meta и Google и скачайте прозрачный шаблон 1080 × 1920 для монтажной программы. Файл остаётся в браузере.
• Один рецидив, 8 октября, в конвейере без контактных листов. Из-за него проверка и стала автоматической.

Что не сработало и что мы изменили

• Первые цифры были из вторых рук. 30 сентября мы работали по рекомендациям Meta на 2026 год в пересказе сторонних разборов; официальные страницы прочитали только 7 октября. Цифры подтвердились, но безопасной зоне место в ваших файлах — с источником и датой рядом.
• Официальной зоны для обычных публикаций нет. Все цифры — со страниц о рекламе. Мы верстаем чуть внутри них, а не по краю.
• TikTok не нарисовать. Цифр он не даёт, поэтому наша проверка для TikTok ничего не рисует и отправляет к его шаблонам.
• Контактный лист кто-то должен посмотреть. В конвейере аватар-роликов листов не было, и ошибка вернулась. Закрыла её только автоматическая проверка.
• Сетка режет не всегда по центру. Заголовок ровно в середине обложки — самая надёжная ставка, но не гарантия.

Как повторить

1. Верстайте на кадре 1080 × 1920. Держите каждое слово в x 108–972, y 270–1248, а если тот же файл идёт в Shorts — нижнюю часть текста левее x 888.
2. Лица, телефоны и стикеры могут опускаться до y 1536, но не в правый нижний угол, где кнопки.
3. Фон и декор пускайте под обрез, чтобы обрезка на высоких телефонах не задевала ничего важного.
4. До рендера рисуйте зоны поверх кадров всего ролика, а не только первого. Бесплатная проверка делает это для кадра или видео, ничего не загружая на сервер.
5. На потоке автоматизируйте: смотрите таймлайн каждые 0,1 секунды и бракуйте, если текст вне зоны 0,4 секунды и дольше.
6. Заголовок обложки ставьте в среднюю часть 3:4 и доводите до ума до публикации; наш конструктор обложек показывает, как обложка встанет в сетку профиля.
7. Потом публикуйте один файл везде. Мы отправляем свои ролики в Reels, Shorts и TikTok сразу через Mellow Hub — именно зоны позволяют одному файлу подойти всем трём.

Цифры коротко