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

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

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

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

Если вы просто хотите захватить статическое окно или полный экран рабочего стола, это руководство не для тебя. Вы можете использовать встроенные инструменты на своем компьютере или телефоне, чтобы сделать это быстро: Shift + Command + 4 (macOS) или Ctrl + PrtScn (Виндовс).

Резюме:

• Не хотите загружать какое-либо программное обеспечение или расширение? Пытаться Метод 1 or Метод 7.
• Если вы используете браузер Mozilla Firefox, попробуйте Метод 2.
• Если вы хотите делать снимки экрана, а также вносить простые изменения, попробуйте Способ 3, 5, 6.

Быстрое обновление: для пользователей Mac даже можно сделать полноразмерный снимок экрана без расширения браузера.

1. Откройте DevTools в Chrome (команда + опция + I)

2. Откройте меню команд (command + shift + P) и введите «скриншот».

3. Выберите один из двух вариантов «Сделать снимок экрана в полном размере» или «Сделать снимок экрана».

4. Захваченное изображение будет загружено на ваш компьютер.

– Совет предоставлен нашим читателем Хансом Куиджперсом.

1. Распечатайте и сохраните всю веб-страницу в формате PDF

Предположим, вы хотите извлечь, скажем, отчет о прибылях и убытках из Yahoo Finance. Сначала откройте страницу в веб-браузере. Здесь я использую Chrome на своем Mac в качестве примера.

Шаг 1. В меню Chrome щелкните Файл > Печать.

Шаг 2: Нажмите кнопку «Сохранить», чтобы экспортировать страницу в файл PDF.

Шаг 3. Если вы хотите встроить финансовый лист в проект PowerPoint, вам может потребоваться сначала преобразовать PDF-файл в изображение в формате PNG или JPEG, а затем обрезать изображение только для включения части данных.

Плюсы:

• Это быстро.
• Нет необходимости загружать какое-либо стороннее программное обеспечение.
• Качество скриншота хорошее.

Минусы:

• Для преобразования файла PDF в изображение может потребоваться дополнительное время.
• Напрямую настроить скриншоты сложно.

2. Скриншоты Firefox (для пользователей Firefox)

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

Шаг 1: Нажмите на меню действий страницы в адресной строке.

Шаг 2: Выберите опцию «Сохранить всю страницу».

Шаг 3: Теперь вы можете загрузить изображение прямо на рабочий стол вашего компьютера.

Примечание: я видел, что эта функция все еще находится в БЕТА-версии, поэтому нет гарантии, что Firefox сохранит ее. Но к тому времени, когда этот пост был обновлен в последний раз, эта функция все еще доступна. Кроме того, самый популярный веб-браузер, такой как Apple Safari или Google Chrome, еще не предлагает эту функцию.

3. Parallels Toolbox для Mac (Safari)

Если вы хотите сделать снимок экрана с прокруткой на Mac, вам понравится эта функция под названием «Страница снимков экрана» в Parallels Toolbox который включает в себя несколько небольших утилит.

Примечание. Parallels Toolbox не является бесплатным программным обеспечением, но предлагает 7-дневную пробную версию без каких-либо функциональных ограничений.

Шаг 1: скачать Parallels Toolbox и установите приложение на свой Mac. Откройте его и найдите Сделать скриншоты > Страница со скриншотами.

Шаг 2: нажмите Скриншот страницы и вы попадете в другое окно с просьбой добавить расширение в Safari. Как только вы включите его, вы увидите этот значок в браузере Safari.

Шаг 3: Выберите страницу, скриншот которой хотите сделать, и щелкните значок Parallels Screenshot. После этого страница автоматически прокрутится, сделает снимок экрана и сохранит его в виде файла PDF на рабочем столе.

Плюсы:

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

Минусы:

• Установка приложения занимает немного времени.
• Это не бесплатное программное обеспечение, хотя предоставляется 7-дневная пробная версия без ограничений.

4. Awesome Screenshot Plugin (для Chrome, Firefox, Safari)

У Awesome Screenshot есть плагин, который может захватывать всю или часть любой веб-страницы. Кроме того, он позволяет редактировать снимки экрана: вы можете комментировать, добавлять аннотации, размывать конфиденциальную информацию и т. д. Плагин совместим с основными веб-браузерами, включая Chrome, Firefox и Safari.

Вот ссылки для добавления плагина:

• Chrome
• Firefox (Примечание: поскольку скриншоты Firefox теперь доступны, я больше не рекомендую этот плагин. Подробнее см. в методе 2.)
• Safari
  

Я протестировал плагин в Chrome, Firefox и Safari, и все они работают хорошо. Чтобы упростить задачу, я буду использовать в качестве примера Google Chrome. Шаги по использованию Awesome Screenshot для Firefox и Safari очень похожи.

Шаг 1. Откройте указанную выше ссылку Chrome и нажмите «ДОБАВИТЬ В CHROME».

Шаг 2: Нажмите «Добавить расширение».

Шаг 3: Как только значок расширения появится на панели Chrome, нажмите на него и выберите параметр «Захват всей страницы».

Шаг 4: В течение нескольких секунд эта веб-страница автоматически прокручивается вниз. Откроется новая страница (см. ниже), на которой показан снимок экрана с панелью редактирования, позволяющей обрезать, комментировать, добавлять визуальные эффекты и т. д. Когда закончите, нажмите «Готово».

Шаг 5: Нажмите значок «Загрузить», чтобы сохранить снимок экрана. Вот и все!

Плюсы:

• Чрезвычайно прост в использовании.
• Функции редактирования изображений великолепны.
• Он совместим с основными веб-браузерами.

Минусы:

• По словам его разработчика, расширение может столкнуться с некоторыми проблемами в работе. Я еще не сталкивался с такими проблемами.

5. Захват прокручиваемого окна или всей страницы с помощью Snagit

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

Обратите внимание: Snagit не является бесплатным программным обеспечением, но у него есть 15-дневная бесплатная пробная версия.

Шаг 1: Получить Snagit и установите его на свой ПК или Mac. Откройте главное окно захвата. Под Изображение > Выбор, убедитесь, что вы выбрали «Прокручивающееся окно». Нажмите красную кнопку «Захват», чтобы продолжить.

Шаг 2: Найдите веб-страницу, скриншот которой хотите сделать, и переместите курсор в эту область. Теперь Snagit будет активирован, и вы увидите, как движутся три желтые кнопки со стрелками. Нижняя стрелка представляет собой «Захват области вертикальной прокрутки», стрелка вправо представляет «Захват области горизонтальной прокрутки», а стрелка в правом нижнем углу представляет «Захват всей области прокрутки». Я нажал на опцию «Захват области вертикальной прокрутки».

Шаг 3: Теперь Snagit автоматически прокручивает страницу и захватывает части за пределами экрана. Вскоре появится окно панели Snagit Editor со скриншотом, который он только что сделал. Видите перечисленные там доступные функции редактирования? Вот почему Snagit выделяется из толпы: вы можете вносить столько изменений, сколько хотите, с множеством вариантов.

Плюсы:

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

Минусы:

• Загрузка и установка приложения занимает время (размер ~90 МБ).
• Это не бесплатно, хотя есть 15-дневная пробная версия.

6. Приложение Capto (только для Mac)

Capto — это приложение для повышения производительности для многих пользователей Mac, в том числе и для меня. Основная ценность приложения заключается в записи видео с экрана на вашем Mac, но оно также позволяет делать снимки экрана и сохранять изображения в своей библиотеке. Затем вы можете легко редактировать, систематизировать и делиться ими.

Примечание. Как и Snagit, Capto также не является бесплатным программным обеспечением, но предлагает пробную версию, которой вы можете воспользоваться.

Вот как сделать снимок экрана с помощью Capto:

Шаг 1: Откройте приложение и в верхней части меню щелкните значок «Интернет». Там вы можете по-разному привязать URL-адрес веб-страницы. Например, если вы уже находитесь на странице, просто нажмите «Привязать активный URL-адрес браузера».

Шаг 2: Вы также можете отредактировать снимок экрана, например выделить область, добавить стрелку или текст и т. д., используя инструменты на левой панели.

Шаг 3: Теперь Capto извлечет элементы страницы и сохранит изображение в своей библиотеке. Затем выберите «Файл» > «Экспорт», чтобы сохранить его локально.

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

Другие методы

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

7. Сделайте полноразмерный снимок экрана в Chrome без расширения для браузера

Этим советом любезно поделился один из наших читателей, Ханс Куйперс.

• Откройте DevTools в Chrome (OPTION + CMD + I)
• Откройте меню команд (CMD + SHIFT + P) и введите «скриншот».
• Выберите один из двух вариантов «Сделать снимок экрана в полном размере» или «Сделать снимок экрана».
• Захваченное изображение будет загружено на ваш компьютер.

8. Веб-Capture.Net

Это полноформатный онлайн-сервис скриншотов веб-сайтов. Ты первый открыть сайт, скопируйте URL-адрес веб-страницы, скриншот которой хотите сделать, и вставьте сюда (см. ниже). Вы также можете выбрать формат файла для экспорта. Нажмите «Enter» на клавиатуре, чтобы продолжить.

Потерпи. Мне потребовалось около двух минут, прежде чем я увидел сообщение «Ваша ссылка обработана! Вы можете скачать файл или ZIP-архив». Теперь вы можете скачать скриншот.

Плюсы:

• Это работает.
• Нет необходимости устанавливать какое-либо программное обеспечение.

Минусы:

• Куча рекламы на его сайте.
• Процесс создания скриншотов медленный.
• Нет функций редактирования изображений.

9. Захват экрана во весь экран (расширение Chrome)

Подобно Awesome Screenshot, Full Page Screen Capture — это невероятно простой в использовании плагин для Chrome. Просто установите его (вот ссылка на страницу расширения) в браузере Chrome, найдите веб-страницу, которую хотите захватить, и нажмите значок расширения. Скриншот делается почти мгновенно. Тем не менее, я нашел его менее привлекательным, потому что он не имеет функций редактирования изображений, которые есть у Awesome Screenshot.

10. Папарацци (только для Mac)

Обновление: это приложение давно не обновлялось, возможны проблемы совместимости с последней версией macOS. Поэтому больше не рекомендую.

Папарацци! — это утилита для Mac, разработанная Нейтом Уивером специально для создания скриншотов веб-страниц. Это довольно интуитивно. Просто скопируйте и вставьте ссылку на веб-страницу, укажите размер изображения или время задержки, и приложение вернет вам результат. После этого щелкните значок загрузки, расположенный в правом нижнем углу, чтобы экспортировать снимок экрана.

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

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

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