Перейти к содержимому

Как превратить сайт в видео с прокруткой для соцсетей

Какие соотношение сторон, длительность и формат нужны видео с прокруткой сайта в Instagram, TikTok, LinkedIn, X и YouTube и как сделать все версии из одной ссылки.

Aviral LakhanpaulОбновлено Чтение: 3 мин

Коротко

Берите 9:16 для Reels, TikTok, Shorts и сторис, 4:5 для постов в ленте Instagram и LinkedIn, 1:1, если не знаете, где видео окажется, и 16:9 для YouTube и X. Для вертикальных версий читайте страницу в ширине телефона, чтобы сайт показал настоящую мобильную вёрстку, укладывайтесь в 8–15 секунд, остановитесь на одной секции, которая важнее всего, и экспортируйте MP4.

Правильное соотношение сторон для каждой площадки

Настройки видео с прокруткой сайта по соцсетям
ПлощадкаСоотношение сторонШирина чтения страницыДлительность
Instagram Reels, TikTok, YouTube Shorts9:16Телефон8–15 секунд
Сторис в Instagram и Facebook9:16ТелефонДо 15 секунд
Лента Instagram, лента LinkedIn4:5Телефон или планшет10–20 секунд
X (Twitter), Threads16:9 или 1:1Десктоп8–20 секунд
YouTube, первый экран лендинга16:9ДесктопСколько потребуется
Куда угодно, если не уверены1:1Любая10 секунд

4:5 — самый высокий формат, который большинство лент показывает без обрезки, поэтому он занимает больше всего места на экране телефона. 1:1 — надёжный квадрат, который любая площадка показывает целиком. Каждая площадка публикует свои ограничения на длительность и размер файла, и они меняются, так что проверьте их перед длинным экспортом или экспортом в 4K.

Показывать мобильную версию сайта или десктопную?

Вертикальному видео нужна вертикальная страница. Если втиснуть десктопную вёрстку в 9:16, то либо текст станет нечитаемым, либо большая часть страницы обрежется по бокам. Если же читать страницу в ширине телефона, сайт отдаст ту вёрстку, которую на самом деле показывает на телефоне, и она естественно заполнит вертикальный кадр. Именно поэтому в Website Scroll Video вертикальные форматы доступны с устройствами «Планшет» и «Телефон».

Чтобы показать в ленте десктопный дизайн, берите 1:1 или 16:9 в ширине десктопа с небольшим отступом и фоном вокруг окна браузера. Так страница выглядит как аккуратная предметная съёмка, а не как зажатая в кадре. Подробнее о съёмке на телефоне — в руководстве как записать мобильную версию сайта.

Что нужно видео с прокруткой, чтобы сработать в ленте

  • Движение с первой секунды. Неподвижный кадр — хорошая обложка, но плохое начало. Держите задержку в начале меньше секунды или обходитесь без неё.
  • Одна пауза, и по делу. На первом экране или на той единственной функции, которую вы анонсируете, на секунду-две. Больше двух пауз — и короткое видео перестаёт ощущаться прокруткой.
  • Быстрее, чем для витрины. Примерно секунда на экран страницы. Короткий цикл люди пересмотрят, а длинного ждать не станут.
  • Цикл без стыка. «Вниз и обратно» возвращается наверх по той же кривой, поэтому на площадках, которые зацикливают видео, не будет скачка.
  • Подальше от кнопок приложения. Нижний и правый края вертикального видео закрыты подписями, лайками и кнопками «Поделиться». Небольшой отступ вокруг страницы не даст им закрыть самое важное.

Формат и звук

  • MP4 (H.264) для всех соцсетей. Его принимают все, и перекодируют они его лучше всего.
  • 1080p с запасом хватает для экрана телефона. Площадки сжимают загруженные видео, и от 4K в основном только дольше загрузка.
  • 60 fps сохраняют текст читаемым в движении. Площадки с потолком в 30 fps сконвертируют видео сами.
  • Без звуковой дорожки. Экспорт выходит без звука. Музыку добавьте в приложении при публикации, там, где у площадки есть лицензионная библиотека.

Попробуйте на своём сайте

Вставьте ссылку и бесплатно посмотрите прокрутку в предпросмотре. Бесплатных кредитов при регистрации: 51. Карта не нужна, а на экспортах нет водяного знака.

Недавние запросы

    Вопросы и ответы

    Коротко о том, что обычно спрашивают дальше.

    Контакты
    Какое соотношение сторон лучше для видео о сайте в Instagram?

    9:16 для Reels и сторис, 4:5 для поста в ленте. В обоих случаях читайте страницу в ширине телефона, чтобы сайт показал мобильную вёрстку, а не уменьшенную десктопную.

    Какой длины делать видео о сайте для TikTok или Reels?

    Восемь–пятнадцать секунд на прокрутку одной страницы. Короткие циклы пересматривают, длинную прокрутку пролистывают.

    Можно ли добавить музыку в видео с прокруткой сайта?

    Экспортированный файл идёт без звука. Добавьте трек при публикации во встроенном редакторе площадки или в любом видеоредакторе перед загрузкой.

    Логотип Website Scroll Video: кнопка воспроизведения поверх веб-страницы в окне браузера.

    Меньше времени на запись. Больше — на созидание.

    Автоматизируйте запись сайтов: настраиваемое движение, умные регуляторы и параметры экспорта, сделанные для современных авторов.