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

2024 Автор: Geoffrey Carr | [email protected]. Последнее изменение: 2023-12-17 10:57

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

Метод: Скриншот против печати

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

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

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

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

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

Вариант 1. Захват веб-страницы с помощью автономного скриншота

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

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

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

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

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

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

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

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

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

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