Как сделать скриншот всей страницы в браузере? Как сделать скриншот страницы за пару секунд

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

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

Как сделать скриншот страницы на компьютере с помощью бесплатных программ

Самый быстрый и распространенный способ — это использовать при открытом экране или странице сайта связку из горячих клавиш CTRL+Alt, а если вы хотите сделать захват кадра из видео или движущегося объекта, то используйте CTRL+Alt такую связку CTRL+Alt+PrintScreen. Этой командой мы с вами сделали захват кадра и поместили его в буфер обмена нашей системы, теперь его необходимо выгрузить в графическую программу. Советую использовать встроенную по умолчанию программу Paint. Для этого открываем данную программу, создаем новый файл и нажимаем вставку файла, путем ввода горячих клавиш CTRL+V. Вот и все осталось только сохранить в нужном нам формате.

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

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

Теперь давайте рассмотрим очень удобный инструмент, которым я пользуюсь всегда. Речь пойдет о бесплатном приложении Яндекс.Диск. Если у Вас есть почта на Яндексе, то зайдите в раздел «диск» и скачайте данную программу к себе на компьютер.

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

  • Всплывающее окно;
  • Весь экран монитора;
  • Выделенный фрагмент.

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

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

Отправляем изображения с помощью файлообменника картинок

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

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

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

  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 полностью русскоязычный. Чтобы с его помощью создать скриншот введите адрес страницы сайта, в группе настроек для установки размера выберите полноразмерный вариант и нажмите кнопку создать . После создания скриншота он будет отображен на экране и предоставлена ссылка с адресом его изображения.


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

Скрин (англ. 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», либо через меню «Файл» -> «Сохранить как…».

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

Инструмент «Ножницы» позволяет сделать скриншот любого элемента рабочего стола или всего экрана. Программа запускается из меню Пуск → Все программы → Стандартные .

Подробнее

Mac OS

Чтобы сделать скриншот в Maс OS, нажмите сочетание клавиш ⌘ Cmd + Shift + 3 . На рабочем столе появится файл со снимком всего экрана.

Если вы хотите сделать снимок конкретной части экрана, нажмите сочетание клавиш ⌘ Cmd + Shift + 4 и выделите курсором нужную область экрана.

Чтобы сделать скриншот только активного окна, нажмите сочетание клавиш ⌘ Cmd + Shift + 4 , а затем нажмите Пробел .

iOS

Платформа iOS позволяет сделать скриншот стандартными средствами начиная с версии 2.x. Чтобы сделать снимок экрана, нажмите и удерживайте пару секунд кнопки Режим сна/Пробуждение и Домой . Полученные снимки сохраняются в стандартном приложении Фото .

Android

Снять скриншот на мобильном устройстве под управлением Android можно разными способами - в зависимости от производителя устройства и версии платформы. Полученные снимки сохраняются в стандартном приложении Галерея .

  • Android 4.x, 5.х, 6.х
  • Android 3.2 и выше
  • Android 1.x и 2.x
  • Samsung

Нажмите и удерживайте пару секунд кнопки Уменьшение громкости и Питание .

Нажмите и удерживайте некоторое время кнопку Недавние программы .

Платформа Android версии 2.x и ниже не поддерживает снятие скриншотов стандартными средствами. Необходимо использовать сторонние приложения, установленные из Google Play.

Нажмите и удерживайте пару секунд кнопки Домой и Питание или Назад и Домой (в зависимости от устройства).

Последовательно нажмите и удерживайте пару секунд кнопки Питание и Домой .

Windows Phone

  • Windows Phone 8.1 и 10
  • Windows Phone 8

Возможно, многие уже сталкивались с ситуациями, когда сайты запрещают выделять и копировать текст со страниц, или запрещают сохранять размещенные изображения по команде “Сохранить изображение как…”, отдавая на сохранение вместо нужного вам изображения gif-файл размером 1х1 пикселей. Такие ограничения всегда можно обойти, если знать, всей веб-страницы.

Большинство пользователей компьютеров знают, что скриншоты легко делаются при помощи клавиши “PrintScreen”. Но делать скриншоты клавишей “PrtScr” не всегда удобно. Ведь эта команда создает скриншот только того, что вы видите на экране. А веб-страницы, как правило, имеют куда больший размер, чем один экран.

Итак, создать скриншот веб-страницы одним щелчком мыши легко, если Вы пользователь браузера FireFox. Достаточно установить небольшое бесплатное дополнение к нему – “Pearl Crescent Page Saver”.

Чтобы установить данное дополнение, идем на официальную страницу программы:

Пусть Вас не пугает то, что страница на английском языке, сама программа русифицирована.

Далее находим ссылку “Install Page Saver Basic”, кликаем ее и ждем, когда загрузится дополнение. По запросу браузера подтвердите установку, нажав кнопку “Установить сейчас”. После установки дополнения браузер необходимо перезапустить.

Когда FireFox запустится, вы увидите, что на панели инструментов появилась новая кнопка:

Также Вы найдете два новых пункта в контекстном меню – “Скриншот видимой части страницы…” и “Скриншот всей страницы…”. Для вызова контекстного меню кликните ПКМ (правой кнопкой мыши) по свободному месту в FireFox и Вы увидите:

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

В настройках на вкладке “Основные” выберите основное действие для кнопки, в нашем примере выбрано “Сделать скриншот всей страницы”. Здесь же можно задать сочетание клавиш для быстрого выполнения команды () – установите курсор в поле “Быстрый вызов” и нажмите желаемое сочетание клавиш.

На вкладке “Создание скриншота” при помощи переменных можно задать имя файла и сразу увидеть, как будут именоваться будущие скриншоты. Сами переменные написаны здесь же. Чтобы Вас потом не мучил вопрос: «Где найти скриншоты?», выберите папку, в которую скриншоты будут сохраняться. По умолчанию установлена папка “Изображения” профиля пользователя Windows.

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

  • Сергей Савенков

    какой то “куцый” обзор… как будто спешили куда то