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

Обновлено: 21.11.2024

Хотите сделать снимок экрана веб-страницы за пределами области просмотра? Вот как вы можете это сделать.

Windows предлагает множество способов сделать снимок экрана. Чтобы сделать снимок экрана, все, что вам нужно сделать, это нажать WIN + PRTSC или Fn + PRTSC, и вы мгновенно получите снимок экрана. Существует даже встроенный инструмент Snip & Sketch, который позволяет захватывать часть окна, а также всплывающие меню.

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

В этом посте вы узнаете о лучших инструментах для создания скриншота с прокруткой в ​​Windows.

Контент

Также читайте: как делать скриншоты в Windows 10

1. Сделать снимок экрана с прокруткой в ​​Edge

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

Для этого нажмите значок меню из трех точек в правом верхнем углу Edge, затем нажмите «Веб-захват», а затем «Захват всей страницы».

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

2. Сделать снимок экрана с прокруткой в ​​Firefox

С тех пор, как вышел Firefox Quantum, в браузере появился встроенный метод создания скриншотов с прокруткой, что делает его единственным браузером, имеющим эту функцию без дополнительных расширений. Давай, Фаерфокс!

Для этого нажмите значок трехстрочного меню в правом верхнем углу, затем выберите «Дополнительные инструменты» -> «Настроить панель инструментов». “

Затем найдите в списке значков значок «Снимок экрана» и перетащите его на панель инструментов Firefox.

Затем перейдите на страницу, которую хотите сохранить, нажмите на значок нового снимка экрана на панели инструментов, а затем выберите "Сохранить всю страницу".

Появится полная страница, которую вы сможете сохранить на свой компьютер.

Также читайте: Windows 11 Snipping Tool не работает: 10 возможных исправлений

3. GoFullPage (Chrome и Microsoft Edge)

Если вы хотите делать скриншоты с прокруткой в ​​Chrome или Edge (что позволяет устанавливать те же расширения Chromium, что и в Chrome), вы можете получить расширение, которое сделает эту работу за вас. Это отличный способ быстро сделать всю веб-страницу одним скриншотом с прокруткой.

Установив расширение, просто щелкните значок GoFullPage в правом верхнем углу браузера. (Если его там нет сразу, щелкните значок кусочка головоломки, а затем GoFullPage из списка расширений. Щелкните значок закрепления рядом с ним, чтобы он постоянно отображался в строке браузера.)

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

Также прочтите: Как сделать снимок экрана с прокруткой на любом устройстве Android

4. ПоделитьсяX

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

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

Просто откройте ShareX, нажмите «Захват», затем «Захват с прокруткой». Выбрав свой регион, вы можете указать, какое окно вы хотите прокручивать, хотите ли вы, чтобы была задержка перед началом захвата экрана и сколько прокруток вы хотите захватить.

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

Также прочтите: Как быстро редактировать снимки экрана и делиться ими с помощью ShareX

5. PicPick

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

Что касается захвата экрана, PicPick предлагает семь режимов захвата экрана: полный экран, активное окно, управление окном, окно с прокруткой, регион, фиксированный регион и произвольная рука. Каждый из этих режимов подходит для разных сценариев и может помочь вам настроить скриншоты по своему вкусу. Например, режим «Регион» может помочь вам изолировать и захватить диалоговое окно без фонового шума.

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

Чтобы захватить прокручивающееся окно, выполните следующие действия:

<р>1. Нажмите и удерживайте Ctrl + Alt вместе, затем нажмите PRTSC. Появится прямоугольное поле, выделенное красным цветом.

<р>2. Нажмите и удерживайте левую кнопку мыши, затем перетащите мышь в окне прокрутки, чтобы выбрать область.

<р>3. Отпустите кнопку мыши, и автопрокрутка будет происходить медленно. После этого все ваше окно будет захвачено всего за несколько секунд.

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

6. Программа для захвата экрана Apowersoft

Apowersoft Screen Capture Pro – это инновационный инструмент с широкими возможностями настройки для создания скриншотов и редактирования изображений. Программа не оставляет камня на камне, когда дело доходит до захвата скриншотов, благодаря своим десяти режимам скриншотов, включая Скриншоты с прокруткой, Меню и От руки, и это лишь некоторые из них.

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

Помимо захвата скриншотов, Apowersoft Screen Capture Pro поставляется с надежным редактором изображений, который предоставляет множество возможностей для редактирования скриншотов.Более того, вы также можете использовать этот инструмент для записи экрана, загрузки и публикации в Интернете. Однако программа достаточно дорогая. Пожизненная лицензия стоит 79,95 долларов. Вы также можете выбрать ежемесячную подписку, начиная с 12,95 долларов США в месяц.

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

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

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

Это руководство предназначено для тех, кто хочет сделать снимок экрана всей или длинной веб-страницы, т. е. есть разделы, которые не полностью видны на вашем экране. Если вы просто хотите захватить статическое окно или полный экран рабочего стола, это руководство НЕ для вас. Вы можете использовать встроенные инструменты на своем компьютере или мобильном телефоне, чтобы сделать это быстро: Shift + Command + 4 на Mac или Ctrl + PrtScn на ПК.

Краткий обзор:

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

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

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

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

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

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

Плюсы:

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

Минусы:

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

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

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

Шаг 1. Откройте меню действий со страницей в адресной строке.

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

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

Пример: я недавно опубликовал длинную статью: лучшее средство для очистки Mac, включая бесплатное приложение.

Примечание: я видел, что эта функция все еще находится в стадии БЕТА, поэтому нет гарантии, что 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 (для Chrome, Firefox, Safari)

Awesome Screenshot имеет плагин, который может захватывать всю или часть любой веб-страницы. Кроме того, он позволяет редактировать снимки экрана: вы можете комментировать, добавлять аннотации, размывать конфиденциальную информацию и т. д. Плагин совместим с основными веб-браузерами, включая Chrome, Firefox и 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) и введите «скриншот».
  • Выберите один из двух вариантов «Сделать полноразмерный снимок экрана» или «Сделать снимок экрана».
  • Захваченное изображение будет загружено на ваш компьютер.

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

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

Плюсы:

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

Минусы:

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

9. Снимок экрана во весь экран (расширение Chrome)

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

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

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

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

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

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

Да, просто возьмите Snagit. Это был самый простой способ сделать скриншот с прокруткой!

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

Спасибо, что поделились этим, Ганс. 🙂

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

Безусловно, лучшее решение для Chrome.

Спасибо, это так полезно. Потрясающий снимок экрана всегда фиксирует залипшие меню и повторяет их на снимке экрана, что так раздражает. Теперь это исправлено!

Не работает прокрутка веб-страницы

Отличный трюк! Любить это!! Но я не могу получить «всю» страницу. Например, я пытался на этой странице и получил только «4. Захват прокручиваемого окна или всей страницы с помощью раздела Snagit»…

может быть, это происходит только с моим компьютером?

Это мне очень помогло, спасибо!

Отличная статья. Очень полезно! Спасибо!

Добро пожаловать. Рада, что оказалась полезной 🙂

Здравствуйте, я пытаюсь сделать скриншот всплывающего окна с прокруткой в ​​своих веб-браузерах (Chrome и Safari). Ни одно из популярных расширений не помогает мне в этом.
Есть предложения?

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

Привет, JP – ДА! Время обновить то, что еще работает. Множество статей, некоторые из которых были опубликованы еще в 2007 году.

Папарацци. Иногда мне помогало. Для более длинных страниц он иногда зависал.

Fireshot – я установил это расширение для Chrome, когда у Paparazzi возникли проблемы. Работает хорошо и легко сохраняется в PDF или JPG. Но время от времени возникали проблемы, когда веб-страница была очень длинной и содержала множество изображений.

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

Джейсон Фитцпатрик

Джейсон Фитцпатрик
старший редактор умного дома

Джейсон Фитцпатрик – старший редактор отдела умного дома How-To Geek. Он имеет более чем десятилетний опыт публикации и является автором тысяч статей для How-To Geek, Review Geek, LifeSavvy и Lifehacker. Джейсон работал редактором Weekend Lifehacker до того, как присоединился к How-To Geek. Подробнее.

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

Метод имеет значение: снимок экрана или печать

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 Диск или в Slack.

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

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

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

  • › Как использовать Zappy, новый инструмент для создания скриншотов и аннотаций для Mac
  • › 5 вещей, которые вы, вероятно, не знали о GIF-файлах
  • › 7 основных функций Microsoft Excel для составления бюджета
  • › Что означает ИК и как вы его используете?
  • › Что такое GrapheneOS и как она делает Android более приватным?
  • › Сколько оперативной памяти требуется вашему ПК?
  • › Matter — это долгожданный стандарт умного дома

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

Если не считать утомительного процесса прокрутки страницы за раз, повторного снимка экрана одного окна, а затем объединения всего этого в конце — какие у вас есть варианты?

Ну, вы можете использовать инструмент для создания скриншотов или расширение для браузера, но многие из них не помогут вам со скриншотами на всю страницу (или будут такими же долгими и болезненными, как и первый метод).

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

Примечание. Этот инструмент лучше всего работает на страницах с большим количеством текста и не обязательно будет работать в веб-приложениях. После тестирования этого инструмента с несколькими различными веб-приложениями мы пришли к выводу, что он действительно зависит только от приложения. (Например, в Документах Google инструмент захватывает только видимое окно, а в Zapier — всю длину страницы.)

Ярлык Chrome для создания полностраничного снимка экрана

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

На Mac 1. Alt + Command + I 2. Command + Shift + P

В Windows/Linux/Chrome OS 1. Ctrl + Shift + I 2. Ctrl + Shift + P

Эти сочетания клавиш открывают меню разработчика Chrome. Просто введите «скриншот», и вы увидите опцию «сделать полноразмерный снимок экрана». Просто выберите это, и Chrome автоматически сохранит снимок экрана на всю страницу в папку «Загрузки»!

Как сделать снимок экрана на всю страницу с нестандартным размером

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

Шаг 1. Откройте Инструменты разработчика

Во-первых, вам нужно открыть Инструменты разработчика в Chrome – это первый шаг. Вы можете сделать это, открыв меню «Дополнительные параметры» на панели инструментов Chrome или с помощью сочетания клавиш Alt + Command + I на Mac или Ctrl + Shift + C в Windows, как и раньше.

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

Шаг 2. Выберите размер

На панели инструментов устройства вы увидите три варианта представления: раскрывающееся меню (сейчас установлено значение «Адаптивный»), размеры представления и уровень масштабирования. Настройте их, чтобы настроить свой снимок экрана.

После того, как вы это сделаете, все готово!

Шаг 3. Сделайте снимок экрана!

Чтобы загрузить полноэкранный снимок экрана, просто откройте дополнительные параметры меню на панели инструментов устройства (см. снимок экрана) и выберите "Создать полноразмерный снимок экрана".

Chrome автоматически загрузит всю страницу. Отсюда обрежьте по мере необходимости, чтобы получить нужное изображение.

Продолжайте учиться

Представляем: Zappy от Zapier, инструмент для создания снимков экрана для macOS, который помогает вашей команде мгновенно делиться тем, что вы видите. Благодаря простым в использовании инструментам аннотирования Zappy поможет вам быстро сотрудничать с товарищами по команде. Быстро делайте и делитесь снимками экрана, GIF-файлами и записями бесплатно. Узнайте больше о Zappy.

Хотите идеальный снимок экрана? Инструмент Chrome Inspect Element позволяет вам временно редактировать любую веб-страницу, поэтому вы можете идеально настроить все для своего снимка экрана. Убедитесь сами!

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

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

Получайте советы по продуктивности прямо на почту

Мы будем отправлять вам электронные письма 1–3 раза в неделю и никогда не разглашаем вашу информацию.

Эмили Айриш – писательница из команды Zapier, родом из Роли, Северная Каролина. Когда она не пишет о продуктивности, она пишет художественную литературу и читает все, что попадается под руку. Подпишитесь на нее в Твиттере @irishthewriter.

Читайте также: