Как сделать скриншот всей страницы сайта даже за пределами экрана

Коротко говоря

Перейдите на сайт сервиса https://suip.biz/ru/?act=screenshot и введите адрес страницы для создания её скриншота целиком, даже если она выходит за края экрана.

Простой способ сделать скриншот веб-страницы целиком

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

• 10 простых способов сделать скриншот на любом устройстве с Windows 10
• Как использовать встроенный в Word инструмент создания скриншотов
• Как сделать скриншот на Android. Где Android хранит скриншоты
• Как сделать снимок экрана (скриншот) на iPhone 14

Создание скриншотов всего экрана или области экрана — это тривиальная задача. Но что если нужно сделать скриншот веб-сайта, размер которого не помещается на один экран? Вы можете с удивлением обнаружить, что ни один из привычных вам инструментов не способ это сделать.

Если обратиться к менее популярным и более специализированным утилитам по созданию скриншотов, то даже если вы сможете разобраться с их работой, то вы обнаружите, что, оказывается, большинство этих утилит не могут правильно сделать скриншот веб-сайта, который использует JavaScript для создания DOM (Document Object Model) — проще говоря, использует JavaScript для генерации HTML кода который и формирует внешний вид страницы в том виде, как вы его видите в веб-браузере. А это многие современные сайты — следовательно, даже если у вас что-то сработает по созданию скриншота длинной веб-страницы, то велика вероятность, что страница будет выглядеть не так, как веб-браузере.

Продвинутые пользователи для создания скриншота длинной страницы могут использовать Инструменты разработчика веб-браузера:

• Как сделать скриншоты всей страницы сайта в Google Chrome без использования плагинов

Какие промежуточные выводы? В принципе создать скриншот веб-страницы, которая не помещается на один экран, возможно. Но это требует определённых знаний и действий.

Бесплатный онлайн сервис созданий скриншота всей страницы сайта

Какой самый простой способ создать скриншот веб-страницы любой длины? Имеется ли онлайн сервис, который без регистрации и платы сможет сохранить в картинку длинную веб-страницу? Да, такой сервис есть!

Всего в пару кликов вы можете сделать скриншот всей страницы сайта, даже если она уходит далеко за пределы экрана, даже если сайт использует JavaScript и lazy download. Достаточно просто ввести адрес страницы, для которой вы хотите сделать скриншот.

Перейдите на страницу сервиса: https://suip.biz/ru/?act=screenshot

Вы увидите настройки захвата скриншотов — не переживайте, всё можно оставить по умолчанию. Нужно только ввести адрес веб-страницы и нажать на кнопку «Отправить».

К примеру, я хочу сделать скриншот страницы https://zawindows.ru/%D0%BF%D0%BE%D0%BB%D0%BD%D0%BE%D0%B5-%D1%80%D1%83%D0%BA%D0%BE%D0%B2%D0%BE%D0%B4%D1%81%D1%82%D0%B2%D0%BE-%D0%BF%D0%BE-hdr-%D0%BA%D0%B0%D0%BA-%D0%B2%D0%BA%D0%BB%D1%8E%D1%87%D0%B8%D1%82%D1%8C-%D0%BA/

Создание скриншота может занять некоторое время — будьте терпеливыми.

Если вы не изменили никакие настройки, то по умолчанию скриншот будет показан на страницы. Вы можете кликнуть по нему чтобы увидеть полный размер или чтобы скачать.

Пример скриншота (кликните по нему для просмотра полного размера):

Также вы можете поставить галочку рядом с настройкой «Скачать?» и скриншот будут сразу скачен вам на компьютер или телефон.

Вы можете изменить настройки ширины и высоты окна веб-браузера. Дело в том, что различные сайты выглядят по-разному на экранах разного размера. Меняя настройки ширины и высоты, вы можете изменить внешний вид сайта на скриншоте.

Дополнительно вы можете выбрать один из трёх форматов файлов: JPG, PNG, WEBP.

Для форматов JPG и WEBP вы можете установить качество изображения от 1 (самый маленький размер файла, но и худшее качество) до 100 (лучшее качество, но большой размер файла).

В целом всё довольно просто — менять настройки необязательно. Если внешний вид скриншота вас не устраивает (например, размер экрана слишком большой по сравнению с шириной веб-сайта) или вам нужно изображение занимающее меньше места, вы можете поэксперементирвоать с настройками — никакой платы и никаких ограничений на этом сервисе нет.

Как сохранить сайт в PDF. Онлайн сервис сохранения веб-страницы в PDF

Кстати, если вы хотите сохранить веб-страницу не в виде скриншота, а в PDF документ, то аналогичный сервис с большим количеством настроек может сохранить в PDF даже динамически генерируемые веб-сайты:

• Сохранить любую веб-страницу в PDF (поддержка JavaScript)

Смотрите также:

• Как сохранить веб-страницу в формате PDF в Google Chrome
• Как сохранить веб-страницу в формате PDF в Mozilla Firefox (на Windows, Mac, Linux)