Как сделать полный скриншот страницы. Как сделать длинный скриншот с прокруткой экрана на любом Android смартфоне. Дополнение к браузеру FireFox — ScreenGrab

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

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

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

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

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

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

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

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

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

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

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

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

  • Он-лайн сервис http://screenpage.ru/
  • Дополнение к браузеру FireFox — ScreenGrab
    Рассмотрим оба варианта.

    ScreenPage.ru — сервис снимков (скриншотов) веб-страниц «в полный рост»

    Лаконичный дизайн. Все настолько просто и понятно, что и описывать нечего.

    Для того чтобы сделать скриншот всей страницы сайта заходим на http://screenpage.ru/ и вводим необходимый нам адрес, потом адрес электронной почты и нажмимаем кнопку «сделать снимок». И через несколько секунд или минут (время зависит от длины очереди и загруженности сервера) будет создана картинка-снимок этой страницы, даже если она занимает несколько экранов по высоте. Далее на экране появится ссылка на скриншот, перейдя по которой мы сможете его посмотреть или скачать. Также скриншот придёт к вам на email котрый Вы указали.

    Дополнение к браузеру FireFox — ScreenGrab

    Дополнение Screengrab! сохраняет web страницы как изображения. Созданное изображение можно скопировать в буфер обмена или сохранить в файл. Формат имени файла можно гибко настроить по своему желанию. Кнопку в панели меню дополнений браузера можно настроить для разных действий. У меня по-умолчанию изображение всего сайта копируется в буфер обмена.

    Скачать (установить) дополнение можно по адресу https://addons.mozilla.org/ru/firefox/addon/screengrab-fix-version/ , либо посетив сайт автора

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

    Как сделать принтскрин экрана

    Чтобы сфотографировать экран, нужно осуществить лишь одно простое действие. Им будет нажатие кнопки на клавиатуре, имеющей название «Print Screen».

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

    Но чаще всего для вставки снимков применяют Microsoft Word, Rhotoshop или обычный Paint .

    Как сделать принтскрин страницы

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

    Как вставить Print Screen в документ Microsoft Word

    Если требуется вставить принтскрин в документ Word, то можно просто нажать комбинацию клавиш «Ctrl»+»Alt». Перед вставкой снимка необходимо указать место его расположения, установив на нем курсор. Также можно вставить графический объект путем использования контекстного меню. Для этого правой кнопкой мыши нажимаем на месте вставки принтскрина и выбираем функцию «вставить».

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

    Как вставить принтскрин в Paint

    Программа Paint присутствует в любой операционной системе в качестве стандартного графического редактора. Используя это приложение, можно сохранить Print Screen в виде картинки на ваш компьютер. Чтобы вставить фото экрана в Paint, нужно провести ряд несложных действий:


    Как работать с Print Screen в Фотошопе

    1. Открываем программу Adobe Photoshop и создаем в нем новый документ посредством выполнения команд File и New.
    2. Теперь делаем снимок экрана или активного окна, который будет находиться в буфере обмена.
    3. С помощью команды Edit-Paste вставляем снимок из оперативной памяти в рабочее окно Adobe Photoshop.
    4. Выполнив с графическим объектом все необходимые действия, сохраняем его в любом формате в память компьютера.

    По теме сможно посмотреть и видеоролик: