Лучшие способы записать сайт, чтобы его показать

Вы вставляете адрес, а инструмент открывает страницу в собственном браузере, прокручивает её по кривой и кодирует результат. Ничего не зависит от вашего экрана, мыши или компьютера, поэтому движение ровное, а видео может быть любого размера. Website Scroll Video — один из таких рендереров: сначала он убирает cookie-баннеры и виджеты чата, читает страницу в ширине десктопа, планшета или телефона и экспортирует MP4, WebM или GIF вплоть до 4K и 60 fps, а сверху можно добавить паузы, наведения и фоны.

Ограничение одно — доступ. Рендерер открывает только то, что видит анонимный посетитель, поэтому панели управления, тестовые сайты под паролем и localhost отпадают. Существующие рендереры сравниваются на странице альтернатив.

Такие инструменты, как Screen Studio, записывают экран, а потом монтируют за человека: сглаживают путь курсора, приближают кадр на кликах, добавляют фон. Это лучший выбор, когда нужно показать, как продуктом пользуются. Но прокручиваете по-прежнему вы, так что в длинной странице, прокрученной вручную, остаётся ритм колеса мыши.

OBS Studio, QuickTime, панель снимков экрана в macOS и «Ножницы» в Windows бесплатны и записывают всё, что можно открыть. Кроме самой записи, они ничего за вас не делают: cookie-баннеры, всплывающие уведомления и неровное колесо мыши попадают в файл. С некоторой подготовкой результат получается хорошим; как именно, рассказано в руководстве как записать видео с прокруткой сайта.

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

Инструменты для мокапов, например Rotato, помещают скриншот или видео на трёхмерный ноутбук или телефон и анимируют само устройство. Они нужны для эффектного главного кадра, а не для обзора, и им нужен исходный материал. Частая связка: видео с прокруткой, снятое одним из способов выше, кладут на устройство в приложении для мокапов.

Такие инструменты, как HowdyGo, снимают сценарий работы с продуктом в виде кликабельных шагов, по которым зритель проходит сам. Они сделаны для отделов продаж и онбординга, и цены у них соответствующие. Некоторые умеют экспортировать демо в видео или GIF, но обзор, по которому кликаешь, — это не то же самое, что прокрутка, которую смотришь.

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