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

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

Метод имеет значение: скриншот против печати

Windows 10, macOS и многие браузеры позволяют «печатать» любую страницу в файл PDF. Более старые версии Windows также содержат встроенную возможность «печатать» любой файл в формате XPS, аналог PDF. Просто перейдите на нужную веб-страницу, выберите «Файл»> «Печать» и выберите «Microsoft Print to PDF» (если у вас есть) или «Microsoft XPS Document Writer» (если у вас нет). В macOS нажмите кнопку «PDF» в диалоговом окне «Печать»..

Учитывая это, вы можете быть удивлены, почему захват скриншота веб-страницы даже имеет значение. Разве не достаточно просто нажать Ctrl + P и преобразовать веб-страницу в PDF или XPS??

Хотя PDF отлично подходит для документов, он имеет свойственный недостаток, когда речь идет о сохранении веб-страницы. Независимо от создателя документа, который вы используете, он работает как виртуальный принтер, и любые недостатки физического процесса печати (плохое выравнивание столбцов, реклама, накладывающаяся на текст и т. Д.) Будут отображаться в документе, созданном виртуальным принтером. Кроме того, если рассматриваемый веб-сайт имеет определенный «вид печати» для устранения вышеупомянутых проблем, это означает, что вы сохраняете веб-страницу не так, как она отображается, а веб-страницу, отформатированную для печати..

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

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

Вариант первый: захват веб-страницы с помощью отдельного инструмента создания скриншотов

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

К счастью, существует множество сторонних инструментов, которые используют «захват с прокруткой» или «захват полной страницы», при этом инструмент для создания снимков экрана будет прокручивать веб-страницу для захвата и сшивания снимков экрана в одно непрерывное изображение. Утилита для захвата экрана, которую я использовал целую вечность, FastStone Capture (Windows, 20 долларов США, видно выше), имеет эту функцию; запускается кнопкой на панели инструментов или нажатием Ctrl + Alt + PrtScn. Примечание. Вы все еще можете загрузить более старую бесплатную версию FastStone Capture из The Portable Freeware Collection (хотя в этой версии отсутствуют более новые функции, она имеет захват с прокруткой).

Screenpresso (Windows, бесплатно) также имеет функцию захвата прокрутки, как и популярный инструмент захвата SnagIt (Windows / Mac, $ 50). При поиске инструмента для захвата экрана (или при поиске в документации по инструменту, который у вас уже есть) выполните поиск по ключевому слову «прокрутка», чтобы убедиться, что оно обладает необходимой функцией.

Вариант второй: захват веб-страницы с помощью плагина браузера

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

Несмотря на то, что существует не только несколько инструментов для расширения браузеров, нам нравится снимок экрана Nimbus, показанный выше. Это бесплатно, доступно как для Chrome, так и для Firefox, и имеет приятный чистый интерфейс, который выполняет свою работу. Один клик, и он захватывает и выравнивает изображение для вас. А еще лучше, вы можете легко сохранить изображение на своем ПК, когда вы закончите, или загрузить его на свой Google Drive или Slack.

Вариант третий: захват веб-страницы с помощью веб-инструмента

Так что, если вам нужен однократный захват для отправки вашему боссу? Вам не нужно устанавливать что-то, чтобы захватить это - поскольку рассматриваемая веб-страница общедоступна (например, статья с инструкциями по нахождению, а не какой-то сайт, на котором вам нужно сначала войти), вы можете легко использовать бесплатный экран. Инструмент захвата на CtrlQ.org или аналогичный инструмент на Web-Capture.net.

Хотя оба инструмента работают достаточно хорошо, Web-Capture имеет преимущество на двух фронтах: он позволяет вам указать формат изображения и поддерживает захват с помощью букмарклета (так что вы можете поместить ярлык на панель инструментов вашего браузера для доступа к сервису захвата). Если вы новичок в букмарклетах, ознакомьтесь с нашим удобным руководством.

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