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

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

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

  1. Программа WebShot . Представляет собой небольшую утилиту, которая устанавливается на компьютер под управлением одной из операционных систем Windows. После установки запустите программу и введите адрес страницы в поле Source Url , скриншот которой вам необходимо получить, и нажмите кнопку добавления страницы в список заданий. В поле Target Path укажите путь сохранения готового скриншота или оставьте все как есть. Нажмите кнопку Start и дождитесь окончания процесса, о чем будет свидетельствовать появление надписи Complete . Некоторые стили на веб-страницах WebShot обрабатывает некорректно и в этих местах на скриншоте допускает соотвествующие искажения.


  2. Плагин Abduction! для браузера Mozilla Firefox. Установить его вы можете по данной ссылке . После установки и перезапуска браузера откройте страницу, скриншот которой вы хотите создать. В любом пустом месте страницы сделайте щелчок левой кнопкой мыши. В открывшемся контекстном меню вы увидите новый появившийся пункт Сохранить страницу как изображение . Выберите его.


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


  3. Плагин Awesome Screenshot для браузера Google Chrome. Установить данное дополнение вы можете по данной ссылке . После установки дополнения откройте веб страницу, которую нужно сохранить. После того, как она будет загружена, нажмите значок плагина в виде линзы фотоаппарата, который появится правее адресной строки браузера и в появившемся меню выберите пункт Capture Entire Page .


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


    После этого остается только нажать кнопку Save и сохранить скриншот в выбранном месте.


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


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

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

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

Какие есть способы решить вашу проблему? В зависимости от ваших потребностей, можно выбрать тот или иной вариант:

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

Самый простой способ

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

PrintScreen (также PrtScr или Print Scrn) — это кнопка на клавиатуре, позволяющая делать скриншот экрана монитора и записать его в буфер обмена.​

Как сделать принтскрин ? Для разных операционных систем разная последовательность действий.

Для владельцев компьютера с ОС Windows

  1. на клавиатуре найдите клавишу Print Screen (она может называться PrtScr или PrintScrn в зависимости от модели и чаще находится в правом верхнем углу)
  2. нажмите ее — принтскрин страницы будет сохранен в буфер обмена (часть оперативной памяти компьютера)
  3. теперь, чтобы пользоваться изображением — сохранить его или передать кому-либо — нужно использовать любой редактор изображений. По умолчанию в ОС Windows установлен редактор Paint , так что я опишу последовательность действий для него. После нажатия клавиши PrintScreen , откройте Paint (Кнопка «Пуск» — «Все программы» — «Стандартные» — «Paint»)
  4. в рабочем окне программы используйте последовательность кнопок «Правка» — «Вставить» (либо просто нажмите комбинацию клавиш «Ctrl+V» на вашей клавиатуре)
  5. полученное изображение можно форматировать, используя функционал программы, либо же просто сохранить, используя последовательность кнопок «Файл» — «Сохранить как», и выберите место куда сохранить файл (также для сохранения можно использовать комбинацию клавиш «Ctrl+S»).

Для пользователей Mac

  1. воспользуйтесь сочетанием клавиш «Cmd+Shift+3»
  2. если у вас установлены настройки системы по умолчанию, снимок будет сохранен в формате PNG на рабочем столе компьютера

Для Android-телефонов

  1. на телефонах, конечно, кнопки PrintScreen нет, но снять экран не составит труда. Начиная с версии Android 4.0, нужно одновременно нажать и удерживать кнопку выключения (Power) и изменения громкости (Volume). Изображение будет сохранено в соответствующую папку.

С помощью дополнительного ПО

Как сделать фото экрана с помощью вспомогательного софта

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

  • Snagit от Techsmith — одна из лучших программ для захвата изображения монитора. Удобная и простая, есть версия для Windows и для Mac. Недостаток ее в том, что она не бесплатная (есть trial-версия на 15 дней, так что пользуйтесь себе в удовольствие. Можете приобрести после окончания тестового периода, если функционал вас устроит).
  • FastStone Capture — еще одна хорошая программа, один из продуктов компании FastStone, у которых есть много софта для редактирования изображений. Только Windows. Кстати, FastStone Image Viewer (графический редактор) имеет широкий функционал, который включает в себя и захват экрана.
  • Paparazzi! — простое бесплатное приложение для MacOS. Неплохая альтернатива Snagit, если не хотите тратить деньги.

Используем функционал других сайтов

Также несложный способ, не требующий установки дополнительного ПО на компьютер. Если требуется получить изображение сайта, можно сделать скриншот сайта онлайн с помощью функционала другого сайта, благо, таких сайтов сейчас очень много. На любом из них необходимо указать url-адрес сайта, скрин которого вы хотите. Рассмотрим самые лучшие из онлайн-сервисов:

  • snapito.com — хороший простой сервис. Можно указать нужную ширину и высоту изображения.
  • web-capture.net — можно выбрать расширение для output-файла.
  • IMGonline.com.ua — можно выбрать много пунктов как ширина/высота, зум, отключить картинки/javascript.
  • ScreenPage.ru — вышлет вам на почту.

Резюме

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

Заключение

Надеюсь наши советы помогли вам. Попробуйте выполнить универсальный алгоритм, описанный выше. До встречи на страницах сайта!

Видео-инструкция

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

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

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

Где сделать скриншот сайта целиком онлайн

Рассмотрим, как сделать длинный скриншот экрана на компьютере с помощью онлайн сервисов.

Первый и самый удобный сервис, создающий скриншот всей страницы - s-shot.ru

Имеет дополнительные настройки, позволяющие выбрать полноразмерный или фиксированный по высоте размер, разрешение по ширине от 240 до 2560 пикселей, формат готового изображения png или jpeg.

Хочу отметить, несколько его достоинств по сравнению с другими онлайн сервисами, делающими скриншот сайта:

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

Чтобы создать скриншот всей страницы сайта онлайн следуйте пунктам:

  1. Укажите адрес страницы в специальном поле.
  2. Выберите расширение по ширине, от этого зависит качество картинки и читаемость мелких деталей.
  3. Чтобы сделать онлайн снимок экрана фиксированной высоты, не выбирайте «полноразмерный», а укажите высоту в пикселях.
  4. Формат готового изображения.

Действуют следующие ограничения для одного IP: в день не более 100 скринов и до 1000 за месяц.

Еще один сервис, создающий скриншот всей страницы сайта онлайн - Capture Full Page .

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

После успешного создания скрина, появится превью страницы и кнопка с надписью «Download your Image», кликните по ней для скачивания файла на компьютер.

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

Специальное расширение Webpage screenshot для браузера Google позволит сделать скриншот страницы сайта целиком. И еще одно - «Awesome Screenshot для Google Chrome».

Рассмотрим установку и работу с Webpage screenshot. Кликайте по ссылке для перехода к установке.

Нажмите на кнопку «Установить», как показано ниже:

Немного подождите и по окончании установки, справа в углу экрана добавится значок расширения, кликните по нему для запуска:

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

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

Расширение для скриншотов в FireFox – ScreenGrab.

Чтобы на Android создать скрин всей страницы сайта, в Google Play найдите и установите на выбор одно из приложений:

  • LongShot
  • Scroll Capture

Программы для компьютера:

  • FastStone Capture
  • PicPick

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

) переводится с английского «снимок с экрана». На клавиатуре компьютеров есть кнопка print screen (PrtSc), которая позволяет быстро сделать скриншот. Как правило она располагается в верхнем ряду справа.


Откройте страницу, которую хотите сфотографировать, нажмите на кнопку – снимок сделан, теперь надо его сохранить. Зайдите в графический редактор → «правки», выберите функцию «вставить», сриншот появится в форме редактора. Нажмите «сохранить» и отправьте файл в нужную папку. Достоинство этого способа: быстро; не требуются дополнительные программы. Недостаток: нельзя сделать скриншот отдельного фрагмента.


В ОС Windows 10 есть дополнительная возможность сделать скриншот экрана. Запустите игровую панель, нажав одновременно клавиши win+G, кликните по иконке с изображением фотоаппарата. Придет сообщение, что снимок сохранен, вы найдете его в папке «видео» - «клипы». Такой же результат получите, если нажмете кнопки win+Alt+Prt Sc.

Сделать скриншот на компьютере при помощи программы «ножницы»

Сделать снимок нужной области можно при помощи программы «ножницы». Она идет в приложении к операционной системе Windows. Чтобы воспользоваться этой функцией, нажмите кнопку «пуск», зайдите во вкладку «стандартные – Windows» → «ножницы».


В открывшемся окне нажмите на строчку «создать», выберите из предложенных вариантов:


Прямоугольная форма;


Произвольная;



Весь экран.


В редакторе снимок отредактируйте, а затем сохраните в папку.

Сделать скриншот страницы, воспользовавшись специальными программами

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


Занимает мало места на жестком диске;


Имеет простой понятный интерфейс;


Имеются различные функции обработки экрана;


Можно скрин сразу размещать в соц. сетях, на сайте.


Для работы скачайте программу и установите на компьютере.


Не хотите занимать дополнительными программами место на диске, установите в браузере расширение, позволяющее делать . В «Яндексе» и Google Chrome доступно расширение FireShot. Для его установки в «Яндексе» зайдите в «настройки» → «дополнения», в «Гугле» откройте вкладку «настройки» → «расширения».


Программа FireShot функциональная: делает снимок выбранной области или страницы с прокруткой, сохраняет скриншот в формате PNG или JPG. Также можно снимки экспортировать в сеть либо в другие редакторы. Весомое преимущество программы – она всегда под рукой. Чтобы сделать снимок, достаточно нажать на значок расширения, который находится на верхней панели, справа от адресной строки.

Как сделать скриншот при помощи «Яндекс Диска»

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


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

Я много раз видел в интернете изображения на которых был виден весь сайт от начала до конца. Необходимость в такой картинке возникает тогда, когда необходимо визуально оценить как будет выглядеть Ваш сайт или отдельная его страница полностью. Но стандартные встроенные средства операционной системы, в частности функция клавиши «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/ , либо посетив сайт автора Александра Попова

    Впечатления от использования

    Оба предложенных варианта имеют свои преимущества. ScreenPage.ru — делает Вас платформо-независимым. Вы заходите на он-лайн сервис любым удобным для вас способом (с компьютера, планшета, телефона) и в любое удобное для вас время, делаете скриншот и получаете его по почте.
    Дополнение Screengrab позволяет делать скриншот того, что видите именно Вы в настоящий момент. Ведь при следующем посещении картинка может быть иная. Иными словами, увидел что-то интересное — мгновенно, нажатием одной кнопки, сделал копию экрана.

    • Сергей Савенков

      какой то “куцый” обзор… как будто спешили куда то