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

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

Существуют как минимум 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 нужной страницы в соответствующее поле на странице сервиса.

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

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

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

На ПК и ноутбуке под 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 и адрес «сфотографированного» веб-ресурса.

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

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

Захват, то есть, снимок изображения на экране монитора называется скриншотом. О создании скриншота стандартными инструментами ОС 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).

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

Скриншотим страницу полностью

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

Подходящее дополнение для браузеров на основе Chrome (Яндекс.Браузер, Гугл Хром …) опять же нашлось здесь https://chrome.google.com/webstore/category/extensions?hl=ru . На этот раз это Nimbus Screenshot and Screencast — вообще, очень навороченная штука оказалась, даже видео снимает.

Делаем скриншот страницы сайта целиком с помощью расширения Nimbus Screenshot and Screencast

Скачивание

Скачать и установить можно . После установки справа вверху появится иконка этого дополнения:

Иконка скриншотера Nimbus

Как пользоваться

Чтобы сделать скриншот веб-страницы полностью, нужно кликнуть на иконку этого дополнения и в появившемся меню выбрать «Скриншот всей страницы» :

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

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

Редактор скриншотов в Nimbus Screenshot and Screencast

После окончания редактирования жмём «Готово» и далее картинку можно будет сохранить в некий Nimbus Note, в , себе на ПК или распечатать.

С помощью этого дополнения можно сделать скриншот не только содержимого браузера, но и всего окна. А также записать видео (выберите «Запись видео» ). Я был удивлён, но видео и правда записывается, и вполне неплохо.

А ещё можно редактировать любые картинки или рисовать что-нибудь — для этого надо установить сначала это , а затем в меню расширения следует выбрать «Чистый лист» :

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

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

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

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