Как сделать скрин веб страницы. Как работает программа FastStone Capture. Как сделать скриншот страницы

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Существуют как минимум 4 способа сделать скриншот веб-страницы целиком:

Уменьшите масштаб страницы и используйте клавиши по умолчанию

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

  • Windows: нажмите клавишу Print Screen (PrtScr или Print Scrn). Снимок экрана будет сохранен в буфер обмена. Чтобы вставить это изображение в файл, воспользуйтесь любым графическим редактором.
  • Mac : используйте сочетание клавиш Cmd-Shift-3. По умолчанию скриншот будет сохранен как PNG файл на вашем рабочем столе.

Программы для снятия скриншотов

Вы можете установить одну из специальных программ для снятия скриншотов на свой компьютер. Например, я пробовала Snagit от Techsmith (и для Windows, и для Mac), FastStone Capture (программа доступна только для Windows) и Paparazzi (только для Mac). При выборе следует обратить внимание, что некоторые из этих программ не бесплатны. Поделитесь ссылками в комментариях, если вы знаете другие подобные приложения.

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

Если вы не хотите ничего устанавливать на компьютер, вы можете воспользоваться одним из этих веб-инструментов, чтобы сделать скриншот всей страницы прямо в браузере: Snapito , Screenshot Machine или Web-capture.net . Все они устроены похожим образом: просто вставьте URL нужной страницы в соответствующее поле на странице сервиса.

Расширения для браузера

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

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

Что такое скриншот

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

Например на данном блоге, постоянно используются скриншоты для того, чтобы было легче объяснять те или иные нюансы в статье и читателю намного легче усваивать информацию, где всё наглядно показано на картинке.

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

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

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

Как сделать скриншот в Windows или кнопка Print Screen

Давайте рассмотрим самый простой (стандартный) способ, как сделать скриншот страницы средством windows, при помощи кнопки “Print Screen” на клавиатуре вашего компьютера (ещё она может называться “PrtScn” или “PrintSc”)

Вот так она выглядит на экранной клавиатуре:

На обычной клавиатуре она находится, как правило вверху, ближе к правому углу. При её нажатии снимок страницы будет скопирован в буфер обмена windows т.е. если надо сделать скриншот экрана, просто нажимаете эту клавишу, всё просто. Другое дело, как его оттуда достать, это тоже не сложно и делается при помощи какой либо программы, для работы с изображениями. Легче и доступнее всего, сделать это с помощью всем известной Paint. Открываете программу, и нажимаете кнопку “Вставить”, далее “Вставка содержимого из буфера обмена” и появляется ваш снимок.

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

Скриншот при помощи инструмента Ножницы

В последних версиях ОС (операционных систем виндовс), появился удобный инструмент под названием “Ножницы”, он есть в Windows 7 и в Windows Vista. Он находится в меню Пуск > Все программы > Стандартные > Ножницы. При нажатии появится небольшое окно, где вы и сможете управлять созданием скриншота экрана.

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


Я использую программу SSmaker — для создания скриншотов очень удобную и многофункциональную. Благодаря этой программе можно сделать снимок экрана и выложить его на форуме или отправить в письме всего за какие то несколько секунд. Она перехватывает нажатие кнопки “Print Screen”, после чего сразу можно создать skreenshot.

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

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

1.Окна вашего монитора.

2.Web-страницы, появляется окошко для настроек размеров, с возможностью выбора формата JPEG или PNG.

3.Свободного скриншота, можно выделить любую область экрана, где после нажатия сочетания клавиш “Ctrl+Enter” появляется окно редактора изображений с его инструментами для редактирования вашего снимка и сохранения в папку на компьютере.

На изображении страницы ниже, я продемонстрировал некоторые возможности инструментов SSmaker.

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

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

Подписаться

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

При этом нижняя часть страницы «обрезается».

Можно ли сделать скриншот всей страницы сайта онлайн так, чтобы в скрин она целиком уместилась? Давайте разбираться.

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

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

Snapito

По кнопке «шестеренка» вы выбираете настройки (размер, срок хранения картинки и т.п.), кнопкой Snap запускается обработка. Вы также можете сохранить скрин в PDF. Результат работы сервиса - ссылка на полученное изображение.

Web Capture

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


Затем вы можете скачать снимок как ZIP или развернутый файл.

IMGonline

Позволяет получать вебшот в JPG- или PNG-форматах. Введите адрес веб-страницы, настройте параметры и нажмите «ОК».

Затем откройте полученный вебшот или скачайте его.

S-shot

Работает по такому же принципу.

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

Screenshot machine

Еще один бесплатный вариант.

После получения снимка нажмите Download и сохраните миниатюру на свой ПК.

ScreenPage

Mozilla Firefox

В интернет-браузере Mozilla можно создавать и сохранять вебшоты штатным средством. Одновременно нажмите Ctrl + Shift + I. Вашему взору предстанет панель инструментов. В ее правой части нажмите на шестеренку. Выберите доступные кнопки и активируйте «Сделать скриншот всей страницы». В браузере появится иконка фотоаппарата. Необходимо открыть нужную веб-страницу, кликнуть на значок фото и войти в папку закачек, куда автоматически уже записался скрин.

Расширения для браузеров

Это Joxi, Qsnap, Lightshot и другие. Соответствующее ПО устанавливается на компьютер. Затем, удерживая кнопку CTRL и прокручивая колесико мышки, уменьшаем страницу до тех пор, пока она полностью не начинает умещаться на экране. Нажимаем соответствующую для каждого плагина кнопку. Например, для Joxi это - птичка в правом верхнем углу браузера.

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

Как сделать скрин на скорую руку

А можно ли делать скрины без установки разных программ и без обращения на сторонние веб-сайты? Вдруг у вас нет интернета?

Уменьшив веб-страницу до оптимальных размеров, необходимо нажать клавишу РrtScrn (справа вверху на клавиатуре) или Shift + РrtScrn. Страница скопируется в буфер. Затем необходимо открыть любой графический редактор, создать новый файл и выбрать функцию «Вставить».

А как быть с телефонами?

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

  • Ios - удерживайте кнопку «Включение» и «Домой».Вебшот сохранится в папке «Фото».
  • Андроид 1, 2 - устанавливается специальное приложение, которое позволяет делать вебшоты.
  • Android 3.2 - кнопку «Недавние программы» удерживайте какое-то время.
  • Андроид 4 - нажмите одновременно «Уменьшения громкости» и «Питание».
  • Samsung под Android и HTC под Android - «Домой» и «Питание» удерживайте одновременно.

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

Казалось бы, скриншот экрана — что может быть проще? Но что, если надо сохранить не только видимую на мониторе область, а полную страницу сайта, с прокруткой до самого низа? Или понадобилось сделать снимок страницы из 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

Находится по адресу: http://ngwin.com/picpick

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

Минусы:

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

Плюсы:

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

Итог:

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

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

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


Сервис S-shot.ru

Находится по адресу: https://www.s-shot.ru/

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


Минусы:

Плюсы:

Итог:

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

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

Находится по адресу: https://snapito.com/

Хорошее решение, когда надо быстро сделать копию страницы сайта и сохранить ее в в формате 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/

Минусы:

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

Плюсы:

Итог:

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

Заключение

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

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

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