Размеры продуктовых мокапов для соцсетей
Обрезают все площадки, и каждая обрезает по-своему в ленте, в превью и в полном просмотре. Надёжный подход — не заучивать таблицу точных размеров, а проектировать внутри безопасной зоны, переживающей все обычные обрезки, и затем выгрузить пару пропорций из одной композиции.
Три пропорции закрывают почти всё
Квадрат 1080 × 1080 работает почти в любой ленте и является самым безопасным одиночным экспортом. Горизонталь 1200 × 630 закрывает превью ссылок и карточки X и LinkedIn. Вертикаль 1080 × 1350 или 1080 × 1920 закрывает ленту Instagram и истории. Соберите композицию один раз с устройством по центру и щедрым полем, а затем переэкспортируйте в этих трёх пропорциях, меняя кадр, а не масштабируя тот же файл.
Проектируйте под обрезку, которой не видите
Превью в ленте часто обрезают горизонтальную картинку ближе к квадрату, а карточки ссылок режут сверху и снизу. Держите устройство и текст в центральной области — примерно средние 80 процентов по обеим осям — и считайте внешнюю полосу расходным материалом. Подпись, идеальная в вашем экспорте и разрезанная пополам в ленте, — самая частая ошибка в соцсетях.
Движение выигрывает у статики, но коротко
Беззвучная петля на две-четыре секунды, где мокап поворачивается или камера наезжает, стабильно обыгрывает статичную картинку в лентах с автовоспроизведением. Делайте её достаточно короткой, чтобы точка склейки была незаметна, экспортируйте в той же пропорции, что и статику, и всегда загружайте хороший постер, потому что многие поверхности сначала показывают картинку, а некоторые не проигрывают видео никогда.
Частые вопросы
Какой единственный размер самый безопасный?
1080 × 1080. Он приемлемо показывается почти везде и редко обрезается плохо.
Должны ли соцсетевые мокапы совпадать со скриншотами стора?
Палитра и подача устройства те же, композиция другая: в соцсетях картинки видны крупнее и выдерживают больше деталей.
Нужен ли отдельный мокап для Product Hunt?
Галерея предпочитает горизонталь около 1270 × 760. Достаточно горизонтального экспорта той же композиции.
Сделайте это прямо в браузере. Положите скриншот на 3D-устройство, подвигайте камеру, выгрузите кадр или видео. Без установки и без аккаунта.
Открыть 3D-редактор Открыть фоторедактор