Tap The Post

Формат раскрытия в X

Tap the post генератор

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

Перетащите изображение сюда

JPG, PNG, WEBP или GIF. Читается браузером, никогда не загружается.

Выбрать изображение

или вставьте с помощью Ctrl / ⌘ + V

0 × 0 px

Быстрые шаблоны

Форма плитки

Формат вывода

Что это такое

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

Как сделать рабочий вариант

Механика занимает около минуты. Сложность в идее, и всё сводится к одному вопросу: что скрывает обрезка?

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

Рабочие форматы

Идея В ленте видно При нажатии видно
Отдаление Крупный план чего-то обычного Более широкая сцена
Развязка Завязка Реплика снизу
Вытянутое изображение Середина произведения Всё целиком в полном размере
Комикс Первые панели Все четыре, читаемые

Прикрепление файлов

Порядок, в котором вы прикрепляете файлы, определяет порядок их отображения: слева направо и сверху вниз. Прикрепите 1, 2, 3, 4 — и мозаика соберётся правильно. Один пост, все файлы сразу — если разнести по нескольким постам, ничего не сработает.

Как сделать такой пост

  1. Начните с изображения, где интересная часть находится в середине, а раскрытие — по краям.
  2. Выберите 2×2 для четырёх плиток или 2×1 для пары.
  3. Расположите область обрезки, следя за предпросмотром ленты, чтобы видеть, что будет скрыто.
  4. Прикрепите все плитки к одному посту по порядку.

Вопросы

Что такое тренд tap-the-post?

Посты, в которых предпросмотр в ленте обрезан, а при нажатии открывается что-то ещё. Это работает, потому что несколько вложений компонуются в одну широкую карточку с обрезанными верхом и низом.

Сколько изображений мне нужно?

Два или четыре — это раскладки, которые делятся на равные части. Три вложения располагаются как одно высокое изображение плюс два половинной высоты, что не соответствует никакому равному разделению.

В каком порядке их прикреплять?

В том порядке, в котором они пронумерованы здесь: слева направо, сверху вниз.

Сколько обрезается?

Примерно верх и низ, до широкой карточки. Точное количество зависит от клиента и экрана, поэтому относитесь к предпросмотру как к ориентиру и оставляйте себе запас.

Можно ли сделать это в других соцсетях?

Файлы работают где угодно, но эффект зависит от того, как каждая сеть раскладывает несколько вложений. Bluesky и Mastodon делают нечто похожее. Instagram — нет, вместо этого он показывает карусель.