Скриншот веб страницы онлайн. Два способа сделать скриншот страницы на компьютере полностью

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

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

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

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

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

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

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

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

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

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

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

Действуют следующие ограничения для одного 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

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

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

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

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

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

Сравнительно недавно для решения такой задачи компания Xiaomi представила в своей оболочке MIUI 8-й версии новую функцию - «длинный скриншот» (Long Screenshot). Долгожданная функция создания скриншота для длинной веб-страницы порадовала владельцев одноименных смартфонов. Она проста в работе и напоминает реализацию функции захвата изображений в девайсах Panasonic. Но, после презентации технологии создания скриншотов с прокруткой экрана, далеко не каждое Android устройство способно было реализовать ее на практике. Для того, чтобы сделать функцию доступной, вам придется использовать сторонние инструменты и выполнить несколько действий на своем смартфоне.

Предупреждение: для того, чтобы активировать функцию длинного скриншота на смартфоне без оболочки MIUI 8 вам придется скачать и установить приложение стороннего разработчика из магазина Google Play. Поэтому заранее позаботьтесь о подключении девайса к сети Интернет и о наличии свободного места в своем девайсе.

Создаем длинный скриншот с прокруткой экрана в приложении LongShot

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

Режим Capture screenshot

Откройте LongShot и выберите в нем опцию Capture screenshot.
После запуска приложение запросит у вас разрешение на начало работы.
Далее LongShot предложит вам выбрать приложение, в котором вы будете делать длинный скриншот.
Откройте нужное приложение и нажмите Start. Пролистайте страницы приложения по экрану в необходимом диапазоне. Для завершения создания скриншотов нажмите Done.
В этом режиме вы получите не один длинный скриншот, а серию скриншотов, нарезанных из «портянки», протянутой по экрану. С ними вам еще предстоит поработать.
Перед вами откроется список скриншотов с эскизами. Удалите ненужные скриншоты. Для проверки можете посмотреть эскиз в полном формате, нажав на нем и выбрав в контекстном меню пункт «View in full screen». Затем снова нажмите на эскиз и выберите «Delete», если нужно его удалить.
Если вы хотите добавить еще что-то в длинный скриншот, нажмите на значок «плюса», расположенный в кружочке и выберите дополнительное изображение.
Вы можете скомпоновать будущий длинный скриншот так, как вам угодно - вертикально или горизонтально, в автоматическом или ручном режиме, с выводом статус-бара и без него. Для этого вы можете нажать кнопку «Configure» в левом нижнем углу приложения и выбрать необходимые опции.
После установки опций конфигурации нажмите кнопку «Join» в правом нижнем углу приложения.
Спустя некоторое время, которое будет потрачено на обработку и «сшивку» отдельных изображений в полотно длинного скриншота, вы попадете в меню Stitch.
Здесь вы увидите проект будущего длинного скриншота, который можно дополнительно настроить. Если вас все устраивает, просто нажмите кнопку Save в правом верхнем углу.
Если в проекте что-то не так, нажмите одну из кнопок Adjust, которая стоит напротив каждого компонента и используйте опции обрезки каждого кадра. Для точной и грубой обрезки вы можете использовать кнопки «1px» или «10px», вверх или вниз. После обрезки нажмите кнопку Done и, если теперь вас все устраивает, нажмите Save.

Важная ремарка: файлы скриншотов автоматически сохраняются в каталог /storage/emulated/0/longshot.

На первый взгляд сделать длинный скриншот нелегко, но поверьте - разработчики сделали процесс интуитивным и понятным. И они позаботились о тех, кто хочет сделать длинный скриншот многоэкранной веб-страницы всего за пару кликов. Для этого создан специальный режим «Capture web page».

В главном меню приложения нажмите кнопку «Capture web page». Откроется встроенный браузер LongShot с адресной строкой, в которую нужно ввести URL сайта, страницу которого вам нужно «заскринить». Адрес сайта можно набрать или вставить, предварительно скопировав его в другом приложении. Для открытия страницы нажмите галочку.
Далее прокрутите страницу сайта в нужное вам место, туда где должен начинаться скриншот и нажмите кнопку «Set start position». Голубая горизонтальная линия обозначит место, откуда будет производиться захват скриншота.
Дальше скрольте страницу сайта до фрагмента, где нужно завершить длинный скриншот. Ориентируйтесь по горизонтальной розовой линии.
Нажмите кнопку «End here and capture». В этот момент и будет создан полноценный длинный скриншот с прокруткой веб-страницы.

Ключевые возможности программы:

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

Длинный скриншот веб-страницы на Android в приложении Scroll Capture

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

Найдите и установите приложение Scroll Capture в магазине Google Play.
Запустите приложение.
Введите в адресной строке встроенного браузера адрес сайта с длинной веб-страницей, скриншот которой вы хотите сделать.
Если вы ранее скопировали адрес сайта, приложение автоматически подхватит его и предложит открыть в своем браузере. Не советую отказываться, это еще больше ускорит процесс создания длинного скриншота.
После открытия страницы нажмите внизу экрана на значок в виде лепестков затвора фотоаппарата. Изображение рабочего стола тут же будет залито фиолетовым оттенком и станет недоступным для ваших «тачей». В центре будет хаотически двигаться фиолетовый указатель в виде малярного валика с ручкой. Странно, почему разработчик выбрал именно этот символ… Так незамысловато отображается процесс сканирования изображения и создания длинного скриншота. Он займет всего несколько мгновений.
Без каких-либо вопросов и необходимости прокрутки страницы длинный скриншот будет автоматически сохранен в каталог программы. Он создается по умолчанию здесь: -->Pictures>Scroll Capture.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать скриншот страницы — вопрос настолько простой, насколько только может быть простое нажатие одной клавиши на компьютере!

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

Полезная азбука:

Screenshot — от англ. «выстрел», «снимок».

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

Понадобится: руки и программа Paint. Может вы не знаете, но она у вас уже есть, если пользуетесь Windows, она по умолчанию входит в пакет стандартных программ. Я с ней работал еще в древних версиях винды.

Создание скриншота в программе Paint.

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

Что такое скриншот?

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

Я знаю, как создать скриншот страницы несколькими способами, но обычно пользуюсь одним. Я не дизайнер и владею фотошопом на бытовом уровне, поскольку всю жизнь работал с текстами и моей главной программой был Word. Но скриншот, бывало, требовался время от времени. И делал я его в очень простой программе PAINT, которая есть в любом Windows. Чем мне нравится эта программа:

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

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

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

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

Инструкция «Как работать в программе Paint»

Чтобы создать скриншот, нужно открыть ту страницу, которую хотите «сфотографировать», и нажать на одну-единственную кнопку клавиатуры . Расположена она обычно в самом верхнем ряду и называется Prt Sc (принт скрин) . Все, кадр снят.
2. Открыть программу Paint. Для этого идем в меню ПУСК — ВСЕ ПРОГРАММЫ — СТАНДАРТНЫЕ — PAINT — ОТКРЫТЬ. Программа загрузится, и откроется главное окно:

3. Вставить скриншот в программу. В пункте 1 мы его сохранили — он в буфере, теперь его нужно перенести в любую программу, чтобы сохранить как изображение. Для этого нужно просто нажать на значок ВСТАВИТЬ в верхнем левом углу (на картинке выделено красным кружочком).

4. Сохранить. Если вам нужен снимок весь целиком (скриншот экрана компьютера), то на этом этапе можно сохранить изображение. Нажмите на значок дискеты в верхнем левом углу (выделено синим кружочком). Появится новое окно:

В самом верхнем поле задайте путь , куда сохраняете файл.

В поле ИМЯ ФАЙЛА введите название скриншота . Желательно латиницей, по-английски — особенно если сохраняете фото или скриншот для блога. Вообще лучше сразу привыкать все файлы сохранять на латинице — так корректнее. Например, при восстановлении блога из бекапа изображения, названные кириллицей, обычно слетают. Потом приходится вручную возвращать назад каждое. Я пренебрегал правилом до первого бекапа…

В поле ТИП ФАЙЛА выберите расширение . Я обычно выбираю JPEG — он меньше весит. В конце нажмите СОХРАНИТЬ. И всё, скриншот готов!

Как обрезать скриншот

Если вам нужна часть экрана, то скриншот, перед тем как сохранить, нужно обрезать. Возвращаемся в пункт 3: вставили скриншот в программу.

Переходим на вкладку ВИД — УМЕНЬШИТЬ.

Возвращаемся на вкладку ГЛАВНАЯ и щелкаем мышью на кнопку ОБРЕЗАТЬ. Курсор станет в виде прицела.

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

По выделенному фрагменту щелкните правой мышкой. Нажмите КОПИРОВАТЬ.

Теперь скопированный фрагмент нужно вставить в чистый документ и сохранить его. На нижнем рисунке это зона, выделенная красным овалом : щелкаем по маленькой белой стрелочке, в выпадающем окне выбираем СОЗДАТЬ. Открывается чистый лист. Нажимаем на ВСТАВИТЬ. Фрагмент появляется в окне. Нажимаем СОХРАНИТЬ (иконка дискеты) и сохраняем, как в пункте 4.

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

И обещанный бонус. Если нужно сделать на скришоте какую-нибудь надпись, перед тем как сохранить, войдите в меню текстового редактора (на рисунке выше это буква А, выделенная синим кружком ). Затем щелкните мышью по той области экрана, где хотите создать надпись, и, удерживая левую кнопку мыши, выделите нужную зону. Появится пунктирный прямоугольник, в котором можно написать текст.

В красном овале : выбирается шрифт и его размер.

Зеленый овал : выбирается цвет шрифта.

Синий овал : прозрачный или непрозрачный фон под текстом.

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

Теперь вы знаете не только, как сделать скриншот страницы, но и знаете, как работать с программой Paint. Она легкая, понятная и всегда под рукой. Когда приноровитесь, будете делать скриншоты за пару минут.