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

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

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

Быстрая навигация по статье

Делаем скрин всей страницы

В случае если требуется сделать скрин страницы в интернете, достаточно использовать специальные онлай-сервисы, либо плагины:

• Онлайн-сервисы ctrlq.org/screenshots/ и capturefullpage.com позволяют сохранить всю страницу целиком, просто указав её адрес в соответствующей строке;
• Для браузера FireFox можно использовать плагин «ScreenGrab!», который после установки через «Дополнения» запускается нажатием правой кнопки мыши в любой части открытой веб-страницы и «ScreenGrab» -> «Сохранить…» -> «Всю страницу».

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

Программа Snagit

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

• Скрин выделенной области — необходимо выбрать пиктограмму Region и с помощью удерживания левой кнопки мыши выбрать на экране необходимую область. После окончания выделения скрин автоматически откроется в графическом редакторе программы;
• Скрин всего экрана — для этого необходимо воспользоваться пиктограммой Full Screen, после чего нажать кнопку Print Screen на клавиатуре или большую красную кнопку в программе Snagit;
• Скрин страницы с прокруткой — единственный способ сделать скрин длинной страницы. В программе необходимо нажать пиктограмму Scrolling windows, выбрать на экране ту область, с которой должен начинаться скрин и нажать Print Screen (или красную кнопку в программе). В итоге скриншот также появится в графическом редакторе.

Программа «Ножницы»

Функция «Ножницы» появилась в Windows 7. Её удобство заключается в том, что можно делать скрин любой желаемой формы. Необходимо запустить данную программу через «Пуск» -> «Все программы» -> «Стандартные» -> «Ножницы» и нажать на стрелку рядом с кнопкой "Создать". Далее можно изменить режим снимка:

• Произвольная форма — позволяет вырезать объект любой формы, без ограничений;
• Прямоугольник — вырезает фрагменты в виде прямоугольной области;
• Окно — автоматически делает копию выбранного окна;
• Весь экран — делает копию как с помощью клавиши Print Screen.

Использование клавиши Print Screen

Этот способ самый распространённый, хотя опытные пользователи не считают его самым удобным:

• Для фиксации текущего изображения на экране необходимо нажать клавишу Print Screen в правой верхней части клавиатуры;
• Открыть программу Paint (или любой другой графический редактор);
• Вставить в неё изображение, находящееся в буфере обмена (нажать правую кнопку мыши в пустой области и выбрать «Вставить», либо используя сочетание клавиш «Ctrl+V»);
• Появившееся изображение будет доступно для редактирования;
• Сохранить файл с изображением в необходимом формате (.png или.jpg) при помощи клавиш «Ctrl+S», либо через меню «Файл» -> «Сохранить как…».

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

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

1. Программа WebShot . Представляет собой небольшую утилиту, которая устанавливается на компьютер под управлением одной из операционных систем Windows. После установки запустите программу и введите адрес страницы в поле Source Url , скриншот которой вам необходимо получить, и нажмите кнопку добавления страницы в список заданий. В поле Target Path укажите путь сохранения готового скриншота или оставьте все как есть. Нажмите кнопку Start и дождитесь окончания процесса, о чем будет свидетельствовать появление надписи Complete . Некоторые стили на веб-страницах WebShot обрабатывает некорректно и в этих местах на скриншоте допускает соотвествующие искажения.

   

   
   
2. Плагин Abduction! для браузера Mozilla Firefox. Установить его вы можете по данной ссылке . После установки и перезапуска браузера откройте страницу, скриншот которой вы хотите создать. В любом пустом месте страницы сделайте щелчок левой кнопкой мыши. В открывшемся контекстном меню вы увидите новый появившийся пункт Сохранить страницу как изображение . Выберите его.

   

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

   

   
   
3. Плагин Awesome Screenshot для браузера Google Chrome. Установить данное дополнение вы можете по данной ссылке . После установки дополнения откройте веб страницу, которую нужно сохранить. После того, как она будет загружена, нажмите значок плагина в виде линзы фотоаппарата, который появится правее адресной строки браузера и в появившемся меню выберите пункт Capture Entire Page .

   

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

   

   
   После этого остается только нажать кнопку Save и сохранить скриншот в выбранном месте.

   

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

   

   
   

Таким образом, проблем с созданием скриншотов сайта у вас возникнуть не должно. Главное – это выбрать наиболее подходящий инструмент из их разнообразия.

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

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

Оффлайн программы:

Онлайн сервисы:

Когда нужен скриншот целой страницы, какой способ выбрать: онлайн или оффлайн?

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

Онлайн сервисы для создания скриншота страницы сайта целиком

• Не требуется установки дополнительных программ.
• Сервисы доступны с любого устройства.

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

Оффлайн программы для создания скриншота полной страницы

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

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

Скриншот страницы сайта целиком в программе FastStone

Программа FastStone Capture, (только для Windows) о которой я Вам расскажу, распространяется на следующих условиях: Вы можете свободно пользоваться(тестировать) программу в течении 30-дневного непрерывного периода после ее скачивания(установки). По прошествии 30 дней Вы должны либо совершить покупку лицензии на использование программы на сайте разработчика, либо немедленно ее удалить. Информация об условиях использования размещена на сайте, по ссылке http://www.faststone.org/order.htmand

FastStone MaxView are shareware. You may try the software free for 30 days. Once this 30-day period has expired, you must either purchase a license to use it, or uninstall it from your computer promptly.

Скачать программу FastStone Capture можно здесь: http://www.faststone.org/FSCapturerDownload.htm

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

Итак, смотрите видео.

Скриншот всей страницы сайта в программе PicPick

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

• У документов Word, Exel, PDF программа делает скриншот только видимой части экрана.

• Встроенный редактор довольно многофункционален. Заслуживает отдельной статьи, а в рамках этой придется ограничиться несколькими скриншотами рабочего меню. В том числе отмечу возможность наносить водяной знак на скриншот, причем процесс можно автоматизировать.
• Сканирование полной страницы сайта в автоматическом режиме.
• Доступно несколько форматов для сохранения скриншота: PNG, JPEG, BMP, GIF, PDF. Правда программа, хоть и сохраняет файлы в формате PDF, но открывать их в нем не умеет. Так что, если Вы будете использовать ее в качестве редактора, то для PDF изображений предварительно потребуется конвертировать их в JPEG.

• Рекомендую.

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

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

Сервис S-shot.ru

Не забудьте установить галочку в чекбоксе «полноразмерный». Когда она установлена, сканирование делается со всей страницы, при снятой галочке-только с той части, которая видна на мониторе. Интерфейс сервиса выглядит так:

• Количественные ограничения бесплатного использования. До 100 снимков в день и до 1000 в месяц (с одного IP-адреса).

• Вполне рабочий вариант.

Онлайн сервис Snapito

Хорошее решение, когда надо быстро сделать копию страницы сайта и сохранить ее в в формате JPEG. Сервис также декларирует конвертацию в PDF, но несколько попыток, которые я делал, чтобы сохранить изображение в этом формате, не увенчались успехом. Приходилось дополнительной обработкой картинки. Скриншот документа Word или Exel тоже не получается сделать этим сервисом «без посредников». То есть, в принципе, это возможно, если разместить вордовский файл в интернете, загрузить его содержимое в Google Документы, настроить права доступа к получившейся странице (я делал полный доступ), а затем ссылку на эту страницу вставить в соответствующее поле ввода на сайте Snapito.com. Но зачем такие трудности, когда оффлайновой программой, описанной выше, можно сделать все легко и просто.

• Делает скриншот только в формате JPEG.

• Качественная работа без сбоев при сканировании.
• Настройка размера будущего скриншота перед сканированием.

• Вполне рабочий вариант.

Сервис Screenshotmachine

Находится по адресу: https://www.screenshotmachine.com/index.php

Несмотря на обещанный «full length screenshot», никакой полноразмерной длины не удалось добиться от этого сервиса. Регистрация на сайте тоже ни к чему не привела.

• Делает скриншот только видимой части экрана! Не делает копию всей страницы. И это -несмотря на заявленный функционал и наличие платной версии! Данная ошибка в работе зафиксирована на 28 мая 2018 г. Возможно, ситуация изменится, но сегодня ставлю «минус».
• Поддерживает только формат PNG.

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

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

Сервис IMGonline

Находится по адресу: www.imgonline.com.ua

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

• Делает скриншот в форматах PNG, JPEG.
• Возможны манипуляции (настройками это не назвать) с размером будущего скриншота перед сканированием.

• Не рекомендую.

Сервис Screenpage

Находится по адресу: http://screenpage.ru/

Как и обещал в самом начале, предоставил Вам вполне хорошие, рабочие решения: программа FastStone Capture, программа PicPick, сервисы S-shot и Snapito . Надеюсь, что помог Вам разобраться в вопросе и выбрать себе инструмент по душе.

Конечно, в пределах статьи невозможно физически рассказать обо всех методах и средствах, которые позволяют делать скриншоты. Я постарался рассказать о тех, которыми пользоваться легко и удобно, и о тех, которые мало пригодны для того, чтобы считаться хорошим инструментом. Зачем? Прежде всего, чтобы Вы не тратили попусту время на поиски. Пожалуй, стоило еще включить в обзор программу Screenpresso. Но… Дело в том, что программа имеет бесплатную версию и платную. Было бы в этом полбеды, если бы это были две разные программы. На самом деле, все это — одна программа, только часть функционала в ней доступна исключительно за деньги. Начинаешь нажимать на кнопочки, вроде все, что тебе надо — работает, и в самом конце вместо сохраненного результата получаешь информацию, что вот именно это действие возможно только в платной версии. Возможно, программа неплохая, но сам подход к пользователю мне не понравился. Так что тестировать не стал. Вот ссылка на сайт, если кому интересно: https://www.screenpresso.com/

А Вы какими пользуетесь скриншотерами? Чем они интересны, какие имеют особенности?

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

Как сделать принтскрин экрана

Чтобы сфотографировать экран, нужно осуществить лишь одно простое действие. Им будет нажатие кнопки на клавиатуре, имеющей название «Print Screen».

После нажатия кнопки происходит копирования снимка в буфер обмена. В это время не происходит никаких видимых изменений в работе компьютера: новые окна не появляются, уведомления не высвечиваются. Из можно вставить ваше изображение в любую программу, поддерживающую обработку графической информации. Есть множество программ, которые специализируются на создании и редактировании принтскринов. К ним относятся HyperSnap и WinSnap .

Но чаще всего для вставки снимков применяют Microsoft Word, Rhotoshop или обычный Paint .

Как сделать принтскрин страницы

Если требуется сделать снимок не всего что видно на мониторе, а лишь одного открытого окна, то можно это осуществить с помощью комбинации клавиш. Для этого, удерживая клавишу Alt , делаем Print Screen активного окна на мониторе. Такая функция является очень эффективной при необходимости вставить в документ только определенной части рабочего пространства монитора. Комбинация позволит сэкономить время на редактировании снимков.

Как вставить Print Screen в документ Microsoft Word

Если требуется вставить принтскрин в документ Word, то можно просто нажать комбинацию клавиш «Ctrl»+»Alt». Перед вставкой снимка необходимо указать место его расположения, установив на нем курсор. Также можно вставить графический объект путем использования контекстного меню. Для этого правой кнопкой мыши нажимаем на месте вставки принтскрина и выбираем функцию «вставить».

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

Как вставить принтскрин в Paint

Программа Paint присутствует в любой операционной системе в качестве стандартного графического редактора. Используя это приложение, можно сохранить Print Screen в виде картинки на ваш компьютер. Чтобы вставить фото экрана в Paint, нужно провести ряд несложных действий:

Как работать с Print Screen в Фотошопе

1. Открываем программу Adobe Photoshop и создаем в нем новый документ посредством выполнения команд File и New.
2. Теперь делаем снимок экрана или активного окна, который будет находиться в буфере обмена.
3. С помощью команды Edit-Paste вставляем снимок из оперативной памяти в рабочее окно Adobe Photoshop.
4. Выполнив с графическим объектом все необходимые действия, сохраняем его в любом формате в память компьютера.

По теме сможно посмотреть и видеоролик:

Расширение FireShot

Оказывается, не нужно было далеко «ходить»: в магазине Google Chrome существует специальное расширение под названием FireShot, которое позволяет делать скриншоты веб-страниц на компьютере буквально в 1 клик.

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

Установка расширения FireShot в браузер

Для того, чтобы найти расширение FireShot, вам необходимо ввести его название в поисковой строке Google. Первая позиция в выдаче – обычно ссылка на магазин.

После этого действия в панели браузера Google Chrome отобразится значок с английской буквой S.

Как работает расширение FireShot

Теперь, если мы кликнем по данной иконке, откроется небольшое меню со следующими позициями:

• Захватить всю страницу, т.е. соответственно именно эта функция решает проблему, как сделать скриншот страницы на компьютере полностью;
• Захватить видимую область, т.е. один экран;
• Захватить регион – часть экрана.

Кроме того здесь есть раздел с настройками и возможность перейти на платную версию, если вдруг вам будет это необходимо.

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

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

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

Программа FastStone Capture

Второй способ, как сделать скриншот страницы на компьютере полностью – это воспользоваться программой FastStone Capture. Насколько я знаю, данная программа платная. Но ни для кого не секрет, если хорошо поискать в Интернете, можно найти и бесплатный вариант.

О том, что есть такая программа, мне известно давно, но пользоваться я ей начала совсем недавно, и кстати, безумно довольна ее функционалом!

После установки программы на компьютер, FastStone Capture так же, как и расширение FireShot, позволяет делать скриншоты веб-страниц полностью.

Как работает программа FastStone Capture

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

Для того, чтобы сделать скриншот страницы целого сайта, необходимо выбрать позицию «окно с прокруткой». Имейте ввиду, что если вам необходим скриншот всего сайта, перед этим встаньте на первый экран. Так как FastStone Capture делает снимок с того места, где открыта страница браузера, и до конца. Далее клик левой кнопкой мыши.

Происходит автопрокрутка, и готовый снимок открывается в новом окне.

В новом окне вы можете выделить важные объекты на скриншоте, например, с помощью функции Рисование . Здесь вам доступна работа с надписями, указание стрелками, выделение с помощью рамок и т.д.

Интересная функция – эффект рваного края у скриншотов (наверняка вы заметили это в моих статьях), тоже можно поиграться).

Так же мне понравилась функция Размытие , – с помощью нее вы можете на снимке слегка размыть те участки, которые хотите скрыть от глаз читателей.

Что еще может программа FastStone Capture

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

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

На самом деле весь функционал программы FastStone Capture я до конца еще сама не изучила. Тем не менее могу с уверенностью порекомендовать данную программу всем, кто работает в Интернете, – она вам обязательно пригодится.

Итак, в этой статье мы рассмотрели два способа, как сделать скриншот страницы на компьютере полностью. Оба варианта просты в использовании – выбирайте тот, который вам «по душе». Возможно, вы посоветуете другие подобные программы: мне будет очень интересно почитать ваши рекомендации в комментариях!

P.S. Забыла уточнить одну деталь: если вы делаете скриншоты одностраничников с анимацией, то в том и другом варианте отображаться они будут не очень корректно.