Скриншот веб-страницы одним нажатием. Как сделать скриншот длинной страницы

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

Подписаться

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

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

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

Для того, что в простейшем случае сделать скриншот (снимок экрана), достаточно выполнить следующие действия:

1. Нажать клавишу Prt Scrn (Print Screen) на клавиатуре. В этом случае, все содержимое экрана поместится в буфер обмена. Если вы хотите «сфотографировать» только активное окно, то надо нажимать сочетание клавиш Alt + Print Screen ;
2. Затем нужно запустить любой растровый графический редактор (например Adobe Photohop или тот же Paint), создать новый документ и вставить туда содержимое буфера обмена. В Photoshop это делается за счет выполнения команды Edit — Past ;
3. После этого останется лишь сохранить изображение в том формате, который вам необходим. Например, изображения для использования на сайтах можно сохранить в одном из трех форматов: JPG (JPEG), GIF или PNG.

Данный способ является простым, но он не позволяет захватывать изображение курсора, что иногда бывает необходимо. Поэтому предлагаю программу, которая позволяет дает позволяет не только захватывать курсор, но еще сразу сохраняет изображение в файл. Это программа ScreenHunter, бесплатную версию которой можно скачать пройда по этой ссылке (4,6 Мб).

Каждый раз, при загрузки компьютера ScreenHunte помещаться в оперативную память, а его значок «висит» в системном трее в виде руки. Чтобы настоит программу, щелкните по этом значку правой клавишей мыши и выберите команду Open Main Window . После этого появится окно настройки программы (см. рис).

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

В данном случае, в настройках указано, чтобы изображение сохранялось и в буфере обмена (Clipboard) и файле (File). Так же указано, что изображения необходимо сохранять в формате JPEG.

Так же в настройках (From) указывается, следует ли захватывать курсор (Mouse Pointer). Во время работы программу можно вызвать клавишей F6.

Если вам необходимо снимать скриншоты выпадающих меню, то для этого нужны профессиональные программы для снятия скриншотов. Например программа Corel CAPTURE. Вот как, к примеру, я сделал скриншот выпадающего меню программы Word:

Как говориться, ничего лишнего. Естественно, поскольку программа профессиональная, то за нее надо платить деньги.

На этом все.

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

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

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

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

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

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

Быстрая навигация по статье

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

В случае если требуется сделать скрин страницы в интернете, достаточно использовать специальные онлай-сервисы, либо плагины:

• Онлайн-сервисы ctrlq.org/screenshots/ и capturefullpage.com позволяют сохранить всю страницу целиком, просто указав её адрес в соответствующей строке;
• Для браузера FireFox можно использовать плагин «ScreenGrab!», который после установки через «Дополнения» запускается нажатием правой кнопки мыши в любой части открытой веб-страницы и «ScreenGrab» -> «Сохранить…» -> «Всю страницу».

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

Программа Snagit

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

• Скрин выделенной области — необходимо выбрать пиктограмму Region и с помощью удерживания левой кнопки мыши выбрать на экране необходимую область. После окончания выделения скрин автоматически откроется в графическом редакторе программы;
• Скрин всего экрана — для этого необходимо воспользоваться пиктограммой Full Screen, после чего нажать кнопку Print Screen на клавиатуре или большую красную кнопку в программе Snagit;
• Скрин страницы с прокруткой — единственный способ сделать скрин длинной страницы. В программе необходимо нажать пиктограмму Scrolling windows, выбрать на экране ту область, с которой должен начинаться скрин и нажать Print Screen (или красную кнопку в программе). В итоге скриншот также появится в графическом редакторе.

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

Функция «Ножницы» появилась в Windows 7. Её удобство заключается в том, что можно делать скрин любой желаемой формы. Необходимо запустить данную программу через «Пуск» -> «Все программы» -> «Стандартные» -> «Ножницы» и нажать на стрелку рядом с кнопкой "Создать". Далее можно изменить режим снимка:

• Произвольная форма — позволяет вырезать объект любой формы, без ограничений;
• Прямоугольник — вырезает фрагменты в виде прямоугольной области;
• Окно — автоматически делает копию выбранного окна;
• Весь экран — делает копию как с помощью клавиши Print Screen.

Использование клавиши Print Screen

Этот способ самый распространённый, хотя опытные пользователи не считают его самым удобным:

• Для фиксации текущего изображения на экране необходимо нажать клавишу Print Screen в правой верхней части клавиатуры;
• Открыть программу Paint (или любой другой графический редактор);
• Вставить в неё изображение, находящееся в буфере обмена (нажать правую кнопку мыши в пустой области и выбрать «Вставить», либо используя сочетание клавиш «Ctrl+V»);
• Появившееся изображение будет доступно для редактирования;
• Сохранить файл с изображением в необходимом формате (.png или.jpg) при помощи клавиш «Ctrl+S», либо через меню «Файл» -> «Сохранить как…».

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

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

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

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

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

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

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

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

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

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

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

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