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

Здравствуйте.

Кто из нас не хотел запечатлеть какой-нибудь эпизод на экране компьютера? Да практически каждый начинающий пользователь! Можно, конечно, сфотографировать экран (но это чересчур уж!), а можно сделать снимок программно - то есть, как его правильно называют, скриншот (слово перешло к нам с английского - ScreenShot )…

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

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

F astStone Capture

Окно программы FastStone Capture

Одна из лучших программ для создания скриншотов! Не раз меня выручала и еще выручит:). Работает во всех версиях Windows: XP, 7, 8, 10 (32/64 bits). Позволяет снимать скриншоты с любых окон в Windows: будь-то видео-проигрыватель, сайт или какая-нибудь программа.

Перечислю основные плюсы (на мой взгляд):

  1. возможность сделать скрин экрана, настроив горячие клавиши: т.е. нажимаете кнопку - выбираете область, которую нужно заскринить, и вуаля - скрин готов! Причем, горячие клавиши могут быть настроены на сохранение в скрин всего экрана, отдельного окна, или выбора произвольной области (т.е. очень удобно);
  2. после того, как вы сделали скрин, он откроется в удобном редакторе, где его можно обработать. Например, изменить размер, добавить какие-нибудь стрелки, значки и другие элементы (которые пояснят другим, куда смотреть:));
  3. поддержка всех популярных форматов картинок: bmp, jpg, png, gif;
  4. возможность авто-загрузки при старте Windows - благодаря чему, вы сразу же (после включения ПК) можете делать скрины, не отвлекаясь на запуск и настройку приложения.

Snagit

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

  • возможность делать скрины конкретной области, всего экрана, отдельного экрана, скрины с прокруткой (т.е. очень большие высокие скриншоты на 1-2-3 страницы высотой);
  • конвертирование одного формата картинок в другие;
  • есть удобный редактор, который позволит аккуратно подрезать скрин (например, сделать его с неровными краями), сделать наложение стрелок, водяных знаков, изменить размер скрина и т.д.;
  • поддержка русского языка, всех версий Windows: XP, 7, 8, 10;
  • есть опция, которая позволит делать скрины, например, через каждую секунду (ну или через тот интервал времени, который вы зададите);
  • возможность сохранять скрины в папку (причем, у каждого скрина будет свое уникальное имя. Шаблон для задания имени можно настроить);
  • возможность настройки горячих клавиш: например, настроили кнопки, нажали на одну из них - и скрин уже лежит в папке, или открылся в редакторе перед вами. Удобно и быстро!

Варианты создания скринов в Snagit

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

G reenShot

Еще одна классная программа, позволяющая быстро получить скрин любого участка (практически за 1 секунду! :)). Пожалуй, уступает она предыдущей лишь тем, что в ней нет такого большого количества опций и настроек (хотя, возможно, для кого-то это будет плюсом). Тем не менее, даже те, что имеются, позволят быстро и без проблем делать вполне качественные скрины.

В арсенале программы:

  1. просто и удобный редактор, в который попадают по умолчанию скрины (можно сохранять автоматически сразу в папку, минуя редактор). В редакторе можно изменить размер картинки, красиво ее обрезать, изменить размер и разрешение, нанести на скрин стрелки и значки. В общем, очень удобно;
  2. программы поддерживает почти все популярные форматы картинок;
  3. практически не нагружает ваш компьютер;
  4. выполнена в стиле минимализм - т.е. нет ничего лишнего.

Кстати, вид редактора представлен на скрине ниже (такая вот тавтология:)).

F raps

(Примечание : специальная программа для создания скриншотов в ИГРАХ)

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

Пользоваться Fraps очень легко: после установки запустите утилиту, далее откройте раздел ScreenShot и выберите горячую клавишу (по которой будут делаться снимки экрана и отправляться в выбранную папку. Например, ниже показано на фото, что горячая кнопка F10 и скрины будут сохраняться в папку «C:\Fraps\ScreenShots») .

В этом же окне задается и формат скринов: самые популярные - это bmp и jpg (последний позволяет получать скрины очень маленького размера, правда, они немного уступают в качестве bmp) .

Fraps: окно настройки ScreenShot

Пример работы программы представлен ниже.

Скрин из компьютерной игры Far Cry (уменьшенная копия).

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

Куда загружать скрины - ScreenCapture

К тому же, если сохранять снимки к себе на рабочий стол - можно выбрать формат, в котором они будут сохраняться: «jpg», «bmp», «png». Жалко, «gif» не хватает…

Как сохранять скрины: выбор формата

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

Из недостатков: выделю довольно большой по размеру установщик - 28 мб* (* для подобного рода программ - это много). А так же отсутствие поддержки формата gif.

L ight Shot

(Поддержка русского языка + мини-редактор)

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

Light Shot - выбор области для скрина.

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

JShot

Сайт разработчика: http://jshot.info/

Простая и функциональная программа для создания скриншота экрана. Что особо радует, в арсенале у этой программы есть возможность редактирования снимка. Т.е. после того, как вы заскриншотили область экрана, вам предлагается на выбор несколько действий: можно сразу сохранить картинку - «Save», а можно передать в редактор - «Edit».

Вот так выглядит редактор - см. фото ниже

S creenshot Creator

Очень «легкая» (весит всего лишь: 0,5 МБ) программка для создания скриншотов. Пользоваться ее очень просто: выбираете «горячую» клавишу в настройках, затем щелкаете по ней и программа предлагает вам сохранить или отказаться от скриншота.

Screenshot Creator - сделанный снимок экрана

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

PicPick (на русском языке)

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

Редактор изображений PicPick

Как вы действуете, когда вам нужно сделать скриншот, а потом его отредактировать? Сначала скрините, затем открываете какой-нибудь редактор (Photoshop например), а потом уже сохраняете. А представьте, что все эти действия можно сделать при помощи одной кнопки: картинка с рабочего стола автоматически будет загружена в неплохой редактор, который справиться с большинством самых популярных задач!

Редактор изображений PicPick с добавленным скрином.

S hotnes

(С возможностью автоматического размещения скриншотов в интернете)

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

  • сохранить картинку на жесткий диск вашего компьютера;
  • сохранить картинку в интернете (кстати, ссылку на эту картинку она автоматически поместит в буфер обмена).

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

Shotnes Tools - инструменты Shotnes

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

Определить цвет

S creen Presso

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

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

Добавлю, что скриншот можно сделать очень большим, программа позволяет прокрутить несколько раз страницу и захватить все полностью!

Рабочая область Screenpresso

В остальном же стандартная программа подобного рода. Работает во всех основных операционных системах: Windows: XP, Vista, 7, 8, 10.

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

Запись видео / Снимок выделенной области.

Super Screen

(Примечание: минимализм + русский язык)

Очень маленькая программа для захвата экрана. Для работы требуется установленный пакет Net Framework 3.5. Позволяет выполнить всего 3 действия: сохранить весь экран в картинку, или заранее выделенную область, или активное окно. Свое название программа не оправдывает в полной мере…

SuperScreen - окно программы.

Easy Capture

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

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

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

EasyCapture: главное окно.

C lip2Net

(Примечание : легкое и быстрое добавление скриншотов в интернет + получение короткой ссылки на скрин)

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

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

Clip2Net - сделан скрин части рабочего стола.

Результаты публикации скрина в интернете.

-----------------------

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

Иногда в процессе работы за компьютером нам необходимо «сфотографировать» какое-то событие, происходящее на экране нашего монитора. Например, какая-то программа выдала ошибку, или какое-то уведомление, с которой самостоятельно разобраться невозможно, но решить эту проблему надо. Здесь нам и пригодится возможность «сфотографировать» то, что вы видите на мониторе — сделать так называемый «скриншот» видимой области монитора, или сокращённо — «скрин». Для этого необходимо нажать клавишу «Print Screen» (иногда название на ней пишется сокращённо, например, «РrtScrn»), в основном она расположена либо справа от клавиши F12, либо чуть ниже. Её расположение вы можете посмотреть на рисунках ниже.

Изображение будет помещено в буфер обмена, и чтобы сообщить разработчикам программы (или в службу технической поддержки) об ошибке, вы можете вставить его в письмо или другой документ (например, в MS Word, Excel или PowerPoint) и отправить им для того, чтобы они разобрались, почему произошла та или иная ошибка, и дали рекомендации по её устранению. Если же вы хотите сохранить скриншот на свой компьютер, то необходимо открыть любой графический редактор (самый простой — встроенный в Windows Paint), вставить его туда (либо через меню «Правка» — «Вставить», либо простой комбинацией клавиш «Ctrl» + «V» в английской раскладке клавиатуры) и сохранить в любом удобном месте на вашем компьютере или на съёмных носителях информации.

Если вам необходимо сделать скрин не всего того, что происходит на мониторе, а только какое-то отдельное окно папки или программы, то нужно сделать активным это окно, а затем нажать на клавиатуре комбинацию клавиш «Alt» + «Print Screen».

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

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

Существует несколько способов сделать это.

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

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

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

Пройдя по ссылке выше, вы попадаете на простенькую страницу, на которой надо указать адрес той страницы сайта, с которой мы хотим получить полноразмерный скриншот. Копируем его из адресной строки браузера (или прямо из этой статьи) и указываем на этом сайте нашу страницу для теста: https://сайт/sovetyi/kak-uvelichit-razmer-teksta .

Нажимаем кнопку «Capture Screenshot» и ждём, пока сайт сгенерирует изображение (прогресс дойдёт до 100%). Обычно это занимает от нескольких секунд до пары минут, в зависимости от вертикальной длины страницы.

Нажимаем на кнопку «Download Image» («скачать изображение»), и начинается автоматическое скачивание скриншота полученной страницы.

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

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

3. Если вы используете браузер Google Chrome, то задача упрощается. В этом случае необходимо найти и установить расширение для Google Chrome, которое называется Awesome Screenshot. Для этого достаточно ввести в поисковый запрос поисковых систем Гугла или Яндекса следующую строчку «Awesome Screenshot для Google Chrome» (можете скопировать прямо отсюда), и по первым ссылкам поисковой выдачи перейти на сайт установки расширений для этого браузера.

Яндекс:

Google:

После перехода на сайт установки расширения нажимаем кнопку «+ Бесплатно» и устанавливаем его в ваш браузер:

Подтверждаем установку расширения нажатием на кнопку «Добавить»:

В результате сверху в вашем браузере Google Chrome появится иконка установленного расширения:

Разберём основные возможности этого расширения. Щёлкаем мышкой на этом значке и открываем его меню:

Кратко по основным пунктам этого меню:

  • Capture visible part of page — сделать скриншот видимой на экране части страницы
  • Capture selected area — сделать скриншот выделенной области (очень удобная опция). После нажатия на эту опцию вы сможете выделить мышкой любой участок на экране монитора и получить изображение этой области.

Тем не менее, для наших первоначальных целей (создания скриншота длинной страницы) необходимо зайти нужную страницу в интернете и выбрать пункт меню «Capture entire page » («сделать скриншот целой страницы»).

Расширение само прокрутит страницу до конца вниз и перенаправил вас на новую страницу, где надо можно будет отредактировать сделанный скриншот, либо просто можно нажать сверху кнопку «Done»

Наш скриншот готов, осталось лишь справа выбрать дальнейшие действия с ним:

  • Save — сохранить картинку в графическом формате файла;
  • Copy — скопировать его в буфер обмена;
  • Print — отправить картинку на принтер для печати.

Мы с вами сохраним его в виде картинки, поэтому выбираем «Save»

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

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

Навигация записи

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

Она позволяет сделать снимок активного окна или всего экрана на выбор . Также возможен захват окна с последующей его прокруткой . Доступно несложное редактирование (изменение размера рисунка, его поворот / отражение, вырезание фрагментов, изменение глубины цвета и т.д.). Умеет работать с основными форматами графических файлов: *.bmp , *.gif , *.jpg , *jp2 , *.j2k , *.pcx , *.png , *.ppm , *.tga , *.tiff , *.pdf .

Программа легкая, весит около 1,5 Мб, на экране выглядит в виде маленького прямоугольника:

Сворачивается в трей, достается оттуда одним щелчком мышки. Русифицирована.

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

Основные возможности FastStone Screen Capture

- скриншот активного окна (Shift + PrtSc ) - только верхнее работающее окно.

Пример : активное окно – Internet Explorer.

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

Пример 1 : выбранная область – содержимое Internet Explorer’а.

Пример 2 : выбранная область – адресная строка.

Скриншот прямоугольной области (Ctrl + PrtSc) – захват любого выделенного мышкой прямоугольника и помещение его в файл. При этом в углу экрана появляется лупа, и Вы можете с точностью до пикселя вырезать нужный кусок.

Пример: выделенная область – описание понятия «скриншот».

- скриншот произвольной области (Shift + Ctrl + PrtSc ) – захват любой выделенной мышкой области и помещение ее в файл. При этом в углу экрана появляется лупа, и Вы можете с точностью до пикселя вырезать нужный кусок. После выделения необходимой области нажмите на Enter.

Пример : произвольно выделенная область – рабочий стол.

- скриншот экрана полностью (PrtSc ) – захват всего экрана, замена стандартной функции.

Пример : рабочий стол.

- скриншот окна с прокруткой (Ctrl +Alt + PrtSc ) – захват всего содержимого работающего окна, а не только того, что видно на экране.

Пример : скриншот всего содержимого браузера из первого примера.

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

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

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

Дополнительные возможности – графический редактор

С его помощью можно:

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

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

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

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

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

- вставить текст в рисунок . При нажатии на соответствующую кнопку на панели вверху открывается окно, похожее на стандартный Paint.

Его функции:

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

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

- вывести рисунок на печать . Вы сможете выбрать размер полей, рисунка и его положение на листе бумаги, а также посмотреть настройки самого принтера.

Наконец, Вы можете закрыть рисунок без сохранения. С помощью кнопки «Правка » на самой верхней панели можно немного поработать с цветами рисунка или его выделенным сегментом . Доступны следующие опции:

- поворот рисунка по часовой или против часовой стрелки; его зеркальное отражение по горизонтали или вертикали;

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

Изменение параметра «Яркость Контраст Гамма » (определяет, насколько темным или светлым будет рисунок, насколько будут различаться цвета);

Изменение параметра «Оттенок Насыщенность Освещенность » (определяет, как можно изменить цвет/тон рисунка (по принципу негатива), его насыщенность цветом и степень освещённости);

- изменение уровня RGB (насыщенность рисунка красным, зеленым или синим цветом);

Изменение параметра «Резкость / Размытие » (определяет, насколько рисунок будет четким);

Функция «Оттенки серого » (рисунок становится черно-белым);

Функция «Сепия » (рисунок становится коричневым);

Функция «Негатив » (рисунок становится негативом).

Настройки программы

  • возможность поместить файл в Редактор, в буфер обмена, сразу сохранить его без редактирования или вывести на печать;
  • возможность стартовать вместе с Windows (сворачиваясь или не сворачиваясь в трей);
  • возможность включать или не включать в скриншот указатель мыши;
  • возможность показывать лупу и пипетку на главной панели;
  • возможна настройка кнопки “X”, всех горячих клавиш на главной панели, шаблона имени файла, экранной лупы и разрешения файла;
  • возможность снятия скриншота не сразу, а с некоторой задержкой;
  • возможность отключить звуки.

Интерфейс программы FastStone Screen Capture прост, интуитивно понятен и при этом симпатично выглядит (доступны даже 4 вида обложек для главной панели). Большинство функций продублировано с помощью горячих клавиш, что облегчает работу.

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

P.S. Также попробуйте замечательную программу FastStone Image Viewer для просмотра созданных скриншотов и любых других изображений: