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

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

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

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

    Как сделать скриншот страницы на компьютере с помощью бесплатных программ

    Самый быстрый и распространенный способ — это использовать при открытом экране или странице сайта связку из горячих клавиш CTRL+Alt, а если вы хотите сделать захват кадра из видео или движущегося объекта, то используйте CTRL+Alt такую связку CTRL+Alt+PrintScreen. Этой командой мы с вами сделали захват кадра и поместили его в буфер обмена нашей системы, теперь его необходимо выгрузить в графическую программу. Советую использовать встроенную по умолчанию программу Paint. Для этого открываем данную программу, создаем новый файл и нажимаем вставку файла, путем ввода горячих клавиш CTRL+V. Вот и все осталось только сохранить в нужном нам формате.

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

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

    Теперь давайте рассмотрим очень удобный инструмент, которым я пользуюсь всегда. Речь пойдет о бесплатном приложении Яндекс.Диск. Если у Вас есть почта на Яндексе, то зайдите в раздел «диск» и скачайте данную программу к себе на компьютер.

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

    • Всплывающее окно;
    • Весь экран монитора;
    • Выделенный фрагмент.

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

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

    Отправляем изображения с помощью файлообменника картинок

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

    Скрин (англ. 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», либо через меню «Файл» -> «Сохранить как…».

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

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

    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 полностью русскоязычный. Чтобы с его помощью создать скриншот введите адрес страницы сайта, в группе настроек для установки размера выберите полноразмерный вариант и нажмите кнопку создать . После создания скриншота он будет отображен на экране и предоставлена ссылка с адресом его изображения.


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

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

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

    Скриншот – это изображение экрана монитора в виде картинке, которое показывает в точности то, что видит пользователь на экране своего компьютера или телефона.

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

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

    Самый простой способ создания скриншота страницы на компьютере, использующего OS Windows, это клавиша Print Screen. Нужно просто нажать эту клавишу, при этом снимок сохранится в буфере обмена, затем вставить скриншот в Paint или обычный Word документ.

    Вышеописанный способ работает со всеми версиями Windows. Для Mac OS X работают другие горячие клавиши клавиши, посмотреть их можно в настройках в директории System Preferences –> Keyboard & Mouse –> Keyboard Shortcuts.

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

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

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

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

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

    Сделать такой скриншот помогут различные онлайн сервисы и программы. Вот несколько онлайн сервисов, где можно сделать скриншот всей web страницы:

    — быстрый сервис создания скриншотов онлайн. Достаточно ввести адрес страницы сайта:

    А затем загрузить созданный скриншот на компьютер.

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

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

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

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