Скриншот с прокруткой

Урок: скриншот с прокруткой.

Захват, то есть, снимок изображения на экране монитора называется скриншотом. О создании скриншота стандартными инструментами ОС Windows читаем урок: ножницы Windows.

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

Примитивным и трудозатратным способом является формирование серии скриншотов по размеру экрана с последовательным ручным прокручиванием страницы. В результате связный контент страницы разбивается на энное количество картинок, объединить которые еще предстоит в каком-нибудь графическом редакторе. Поэтому, для создания цельного скриншота длинной веб-страницы используем специализированные средства.

Стабильно работает и быстро создает скриншот длинной веб-страницы бесплатный онлайн-сервис Web Screenshots. Проходим по адресу: https://goo.gl/sZpCF5 на этот ресурс, вставляем в поле запроса URL захватываемой страницы и нажимаем кнопку "скриншот":

Сервис Web Screenshots

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

Сохраняем скриншот с прокруткой

Сохранив скриншот веб-страницы в файл формата png просматриваем его с прокручиванием, например, в стандартном Paint'е.

Также заслуживает внимания сервис Snapito - https://goo.gl/NUvZiV Дополнительные функции в нем позволяют сделать захват с задержкой времени, выбрать размер скриншота. Сохранить изображение можно, только, в формате jpg:

Функции сервиса Snapito

Другим способом онлайн-захвата является установка дополнительного инструмента в браузер. Одно из таких расширений для браузера Google Chrome - FireShot. Находим и добавляем его в обозреватель из интернет-магазина Chrome:

Расширение FireShot в интернет-магазине Chrome

После установки в правом верхнем углу окна браузера появляется значок плагина FireShot, кликнув по которому открываем меню функций дополнения:

Меню дополнения FireShot

В бесплатной версии расширения скриншот можно сохранить, только, в файлы формата png, jpg и pdf.

Аналогичный бесплатный плагин для браузера Opera в ОС Windows - Capture Webpage Screenshot - FireShot.

А в Firefox'e функция создания скриншота с прокруткой уже встроена в браузер. Для ее активации сочетанием Ctrl+Shift+I откроем панель "Инструменты разработчика" и кликнув по значку шестеренки пройдем в раздел "Настройки инструментов":

Раздел

В подразделе "Дополнительные кнопки инструментов" подключаем функцию "Сделать скриншот всей страницы".

Меню подраздела

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

Делаем скриншот с проруткой в браузере Firefox

Кроме онлайн-сервисов и плагинов для различных браузеров, разработано немало десктопных приложений для захвата веб-страниц с прокруткой.

FastStone Capture - популярная многофункциональная программа для создания скриншотов и записи действий на экране. Бесплатный пробный период составляет 30 дней. Удобная, с лаконичным интерфейсом, легкая в освоении прога:

 Программа FastStone Capture

Захватив страницу, программа открывает ее в редакторе, где скрин можно просматривать, дополнять надписями, водяными знаками, картинками и сохранять его в нужном формате (bmp, gif, jpg, pcx, png, tga, tif, pdf).

Таким образом, сравнив инструменты для захвата длинной веб-страницы подбираем для себя оптимальный вариант.

И как видим, сделать качественный скриншот длинной веб-страницы совсем несложно.

урок добавлен 01.07.2018

поделитесь уроком в социалках:

Яндекс.Метрика

темы и статьи