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

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

На ПК и ноутбуке под Windows

В составе Windows есть инструменты, которые дают возможность пользователю делать снимки экрана без дополнительных средств. Про один из них знают практически все — это клавиша Print Screen. А остальными пользуются немногие.

Print Screen

Print Screen (Prt Scr) функционирует очень просто: достаточно нажать эту клавишу (на некоторых ноутбуках ее необходимо нажимать вместе с Fn) — и снимок экрана отправится в буфер обмена. После этого изображение можно вставить, например, в документ Word, загрузить в редактор Paint или другую программу, отредактировать и сохранить.

Если хотите, чтобы снимок экрана прямиком сохранялся на жесткий диск (минуя буфер обмена), вместе с Print Screen нажимайте клавишу Windows (опция доступна в Windows 8 и Windows 10). Картинки будут «падать» в папку «Изображения» — «Снимки экрана» вашей учетной записи. Если не знаете, как попасть в эту папку, скопируйте путь %Userprofile%\Pictures\Screenshots, вставьте в адресную строку проводника и кликните кнопку перехода.

Чтобы «отскриншотить» отдельное окно, вместе с Print Screen нажимайте клавишу Alt. Для сохранения картинки в файл вставьте изображение, например, в Paint и нажмите Ctrl + S.

«Фокусы» с Print Screen доступны в любой версии Windows и на любых устройствах — Asus, Lenovo, HP и т. д., за исключением Apple на базе OS X. У последних своя методика, которую мы рассмотрим ниже.

Windows-приложение «Ножницы»

Встроенная в систему утилита Snipping Pool («Ножницы») позволяет получать не только снимки всего экрана или отдельного окна (как Preent Screen), но и произвольно выбранной области.

В «Ножницах» есть простейшие средства редактирования: перо (позволяет добавлять на изображение надписи и пометки от руки), маркер (для подчеркивания и выделения областей) и ластик — для удаления пометок. Кроме того, в программе присутствует функция отложенной съемки — задержки срабатывания на 1-5 секунд, а также — инструменты сохранения, копирования и отправки файла по электронной почте.

Чтобы сделать скриншот при помощи Snipping Pool, зайдите в «Пуск», откройте «Программы» (либо «Все программы», если у вас Windows 7 или Windows 8). «Ножницы» находятся в разделе «Стандартные».

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

Выбрав, например, прямоугольник, кликните «Создать» и, удерживая левую кнопку мышки, выделите на экране нужную зону (курсор примет форму креста). После того как вы отпустите кнопку, скриншот откроется в окне программы.

Игровая консоль Xbox

Консоль Xbos — одно из новшеств Windows 10, предназначено для съемки процесса игры, например, World of tanks. Как показала практика, оно может использоваться не только в играх, но и в других оконных приложениях, однако запечатлеть с его помощью вид рабочего стола не получится — необходимо открыть хотя бы одно окно.

Для запуска игровой консоли нажмите сочетание Windows+G. После появления панели, как на картинке ниже, отметьте флажком «Да, это игра».

Панель изменит вид на такой:

Кликните значок фотоаппарата. Программа автоматически сохранит скриншот в папке вашей учетной записи — «Видео» — «Клипы». Чтобы открыть эту папку, вставьте в адресную строку проводника следующий путь: %Userprofile%\Videos\Captures и нажмите кнопку перехода.

На OS X

Сделать скрин на Макбуке или Аймаке, работающем под OS X, не сложнее, чем на ПК под Windows. Для этого также используется клавиатура. Точнее — 3 комбинации клавиш, каждая из которых выполняет одно действие.

• Так, чтобы «заскринить» весь экран, нажмите одновременно Command + Shift + цифру 3.

• Чтобы запечатлеть отдельный фрагмент экрана, нажмите Command + Shift + цифру 4. После того как курсор примет форму креста, выделите нужную область и отпустите кнопку трекбола или мыши. Картинка будет автоматически сохранена на рабочий стол.

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

Чтобы скопировать изображение в буфер обмена, в дополнение к любой комбинации нажмите клавишу Ctrl.

Приложения для создания скриншотов

Joxy

Кроссплатформенное приложение Joxi является, по мнению пользователей, одной их лучших бесплатных альтернатив стандартным средствам Windows и OS X.

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

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

• функция обрезки;
• карандаш — для рисования поверх изображения;
• линии и стрелки;
• добавление текста;
• рамки;
• инструмент размытия (если нужно что-то скрыть);
• нумерация маркером.

При сохранении снимка на Joxi.ru программа генерирует ссылку, по которой вы можете его скачать, и копирует ее в буфер обмена.

Кстати, помимо установочных версий для Windows, OS X и Linux, существуют браузерные расширения Joxi. Они предназначены для создания скриншотов веб-страниц в виде отдельного фрагмента или целиком.

— тоже простое и удобное средство создания скринов в Windows и на Маке. После установки на компьютер перехватывает нажатия клавиши Print Screen и сочетания Shift + Print Screen. Первый вариант предназначен для получения снимка фрагмента, второй — целого экрана.

После выделения фрагмента с помощью LightShot рядом открываются две небольших панели с инструментами обработки и сохранения скрина.

Среди них:

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

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

Помимо установочных версий, LightShot также выпускается в виде браузерных расширений для Google Chrome, Firefox, IE и Opera 11 и 12 версий. С их помощью можно делать скрины веб-страниц и экрана за пределами браузера.

Бесплатные веб-сервисы

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

Пользоваться сервисом SNAGGY проще простого:

• Выделите нужное окно и нажмите Print Screen + Alt.
• Откройте главную страницу сайта и нажмите Ctrl + V.

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

Похожим образом работает сервис . Для создания скринов он тоже использует стандартные средства ОС (Print Screen + Alt), а для загрузки их на сайт — сочетание Ctrl + V.

Как и в SNAGGY, здесь есть небольшой встроенный редактор, который позволяет обрезать края картинки, добавить на нее надписи, стрелки, рамки и т. д.

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

Как сделать скриншот страницы сайта

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

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

В настройках задается разрешение экрана, качество и размеры снимка (вся страница или только видимая часть), задержка времени перед съемкой и длительность хранения скриншота на сайте Snapito.

В меню кнопки «Snap» также есть дополнительные функции — быстрый переход на фотохостинг Pinterest , конвертация URL в PDF и генерация короткой ссылки.

После создания скриншота рядом с ним появится ссылка и кнопки: «Copy» (копировать), «Download original Screenshot» (скачать оригинал) и «Edit Screenshot» (редактировать). Нажатие последней открывает встроенный графический редактор с довольно солидным набором инструментов. Конечно, это не Фотошоп, но гораздо функциональнее, чем во всех рассмотренных приложениях.

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

S-shot не имеет инструментов редактирования — он просто «фотографирует» веб-страницы и некоторое время хранит их снимки на своих ресурсах. Срок хранения файла — до 1 месяца с момента последнего просмотра, но может быть и короче.

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

Опция «Обновить» заменяет ранее сделанный снимок этой же страницы на новый.

Полученный скриншот отобразится под показанной на картинке таблицей. Рядом с ним будут ссылки на место хранения файла на сайте S-shot и адрес «сфотографированного» веб-ресурса.

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

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

Я много раз видел в интернете изображения на которых был виден весь сайт от начала до конца. Необходимость в такой картинке возникает тогда, когда необходимо визуально оценить как будет выглядеть Ваш сайт или отдельная его страница полностью. Но стандартные встроенные средства операционной системы, в частности функция клавиши «Prt Scr » копирует в буфер обмена лишь видимую часть, либо весь экран, либо активное окно (комбинация «Alt+Prt Scr «).

Сни́мок экра́на (скри́ншот, скрин или скриншо́т, англ. screenshot) - изображение, полученное компьютером и показывающее в точности то, что видит пользователь на экране монитора или другого визуального устройства вывода. Обычно это цифровое изображение получается операционной системой или другой программой по команде пользователя.
Простейший способ получения снимка экрана для операционных систем Microsoft Windows - использование клавиши PrtScr (для всего экрана) или сочетания клавиш Alt + PrtScr (для текущего окна) на клавиатуре. При этом снимок копируется в буфер обмена операционной системы и может быть затем вставлен и при необходимости отредактирован в любом графическом редакторе, например, в Paint, входящем в стандартный набор приложений Windows. Кроме того, в большинстве случаев, снимок может быть вставлен в текстовый процессор, например Microsoft Word или OpenOffice.org Writer.
(материал из Википедии )

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

Как сделать скриншот всего сайта

Все проще, чем кажется. Я нашел два бесплатных решения:

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

1 Захват окна прокрутки или всей страницы с помощью Snagit

Мы длительное время были поклонниками Snagit. Это мощное приложение для захвата и редактирования экрана, которое позволяет вам делать практически все, что связано с скриншотами. Вместе с Camtasia (программное обеспечение для записи экрана и редактирования видео), это отличные продукты от TechSmith.

Обратите внимание: Snagit не является бесплатным, но у него есть 15-дневная бесплатная пробная версия. Чтобы сделать полный снимок экрана страницы, выполните следующие действия (мы будем использовать Snagit для Windows в качестве примера).

Шаг 1. Скачайте Snagit и установите его на свой компьютер. Откройте главное окно захвата. В разделе «Image (изображение)»> «Selection (выбор)» убедитесь, что вы выбрали «Scrolling Window (окно прокрутки)». Нажмите красную кнопку «Capture» для продолжения.

Шаг 2. Идем на страницу, с которой вы хотите снять скриншот, затем переместите курсор в эту область. Теперь Snagit будет активирован, и вы увидите три кнопки с изображением желтой стрелки.

Нижняя стрелка представляет «Захват вертикальной области прокрутки», стрелка вправо представляет «Захват горизонтальной области прокрутки», а стрелка в правом нижнем углу — «Захват всей прокручивающейся области». Мы будем использовать кнопку «Захват вертикальной области прокрутки».

Шаг 3. Теперь Snagit автоматически прокручивает страницу и захватывает части экрана. Вскоре появится окно панели редактора Snagit со снимком, который он только что сделал.

Плюсы:

Минусы:

2 Онлайн сервис Web-Capture.Net

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

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

Плюсы:

Минусы:

3 Способ с помощью команд по умолчанию

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

То есть — в Windows, нажмите «Print Screen» на клавиатуре. Он сохранит скриншот в буфер обмена, поэтому вам придется открыть графический редактор и вставить скриншот в новый файл.

4 Снимок экрана с помощью программы PicPick

Существует множество бесплатных утилит для скриншотов, как бесплатных, так и платных. Большинство из них трудны в установке и работу выполняют не так как нам хотелось бы. Мы выбрали PicPick, как одну из лучших доступных программ. Он бесплатный, доступный для Windows, XP и более поздних версий, с полным набором различных функций.

Шаг 1. Загружаем и устанавливаем PicPick. Простой мастер установки проведет вас через весь процесс установки, от установки файлов до создания ярлыка на рабочем столе.

Шаг 2. После открытия выберите тип выделения из списка, размещенного в разделе «Захват экрана» в нижнем левом углу главного окна программы.

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

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

Затем выберите «Сохранить как», запишите новый файл, выберите место сохранения и выбираем необходимый формат файла в раскрывающемся меню. На выбор можно выбрать множество форматов, включая JPG, PNG, GIF или PDF. После завершения жмем на кнопку «Сохранить» в правом нижнем углу.

Плюсы:

Минусов нет. Ну мы по крайней мере не нашли)).

Заключение

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

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

С уважением Вячеслав и Валерия!

Захват, то есть, снимок изображения на экране монитора называется скриншотом. О создании скриншота стандартными инструментами ОС Windows читаем урок: ножницы Windows .

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

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

Стабильно работает и быстро создает скриншот длинной веб-страницы бесплатный онлайн-сервис Web Screenshots. Проходим по адресу: https://goo.gl/sZpCF5 на этот ресурс, вставляем в поле запроса URL захватываемой страницы и нажимаем кнопку "скриншот":

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

Сохранив скриншот веб-страницы в файл формата png просматриваем его с прокручиванием, например, в стандартном Paint"е.

Также заслуживает внимания сервис snapito.com . Здесь в поисковое поле копируем адрес захватываемой страницы и нажимаем кнопку "Snap". Настройки позволяют начинать захват с задержкой времени, выбирать размер скриншота:

Выполненный скриншот появляется на этой же странице сервиса. Кликнув правой кнопкой мышки в любом месте изображения открываем контекстное меню и командой "Сохранить картинку как..." сохраняем скрин в выбранную директорию. Сохранение возможно только в формате jpg.

Другим способом онлайн-захвата является установка дополнительного инструмента в браузер. Одно из таких расширений для браузера Google Chrome - FireShot. Находим и добавляем его в обозреватель из интернет-магазина Chrome:

После установки в правом верхнем углу окна браузера появляется значок плагина FireShot, кликнув по которому открываем меню функций дополнения:

В бесплатной версии расширения скриншот можно сохранять в файлы формата: png, jpg, pdf.

Аналогичный бесплатный плагин для браузера Opera в ОС Windows - Capture Webpage Screenshot - FireShot.

А в Firefox"e функция создания скриншота с прокруткой уже встроена в браузер. Для ее активации сочетанием Ctrl+Shift+I откроем панель "Инструменты разработчика" и клавишей F1 перейдем в раздел "Параметры". В левой части панели в подразделе "Дополнительные кнопки инструментов" активируем функцию "Сделать скриншот всей страницы":

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

Открыв журнал загрузок в браузере найдем файл сохраненного скриншота:

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

FastStone Capture - популярная многофункциональная программа для создания скриншотов и записи действий на экране. Бесплатный пробный период составляет 30 дней. Удобная, с лаконичным интерфейсом, легкая в освоении прога:

Захватив страницу, программа открывает ее в редакторе, где скрин можно просматривать, дополнять надписями, водяными знаками, картинками и сохранять его в нужном формате (bmp, gif, jpg, pcx, png, tga, tif, pdf).

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

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

Есть оптимальный вариант:

FireShot – быстрое создание снимков экрана (скриншотов)

FireShot (урезанная версия) – плагин, который позволит быстро сделать снимок страницы сайта в браузере Google Chrome .

Установка плагина

Установку плагина можно осуществить из интернет-магазина Хрома, перейдя по ссылке:

На открывшейся странице следует нажать «+бесплатно» и подтвердить новое расширение.

После чего в правом верхнем углу браузера вас уведомят об успешной установке FireShot.

При нажатии на значок расширения откроется меню.

Доступно 3 опции:

Захватить всю страницу – скриншот всей страницы сайта , включая прокрутку.

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

Захватить регион – снимок выделенной части экрана .

Обратите внимание, что справа от каждой опции отображается соответствующая комбинация клавиш. Как видите, они очень неудобные. 4 кнопки – слишком много. Поэтому следует зайти в настройки и прописать свои горячие клавиши, которые будут вам удобны. Главное, чтобы они не совпадали со стандартными горячими клавишами Google Chrome, во избежание конфликта.

Так же в настройках можно выбрать один из двух форматов скриншотов по умолчанию: JPG и PNG.

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