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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.

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

Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — http : //www.artlebedev.ru/

Также вы можете выбрать, в каком расширении вы хотите видеть скриншот сайта целиком – например, в jpeg, png и т.д.

И потом нажимаете на кнопку «Сделать снимок сайта» (Capture Web Page)

После этого вы получаете уже готовый скриншот сайта в виде превью. Вот как на этом примере:

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

Соответственно эта картинка масштабируема и при нажатии мышкой она увеличится на всю ширину и высоту.

Как сделать скриншот сайта с помощью сервисов?

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

Pearl Crescent Page Saver – сохраняет изображения или веб страницы сайта целиком или частично в форматах jpeg или png. Есть возможность масштабирования изображения до меньшего изображения к большому.

IESNAPSHOTTER 1.01 – расширение для браузера Internet Explorer. Тут на любителя. Оно платное, на официально сайте вроде есть демка. Можно поюзать ее бесплатно.

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

Есть как встроенное расширение для Google Chrome, так и десктопный вариант. У меня стоят оба варианта. Тот, который на компе вообще идеален. Просто нажимаете на клавиатуре кнопку PrtSc и пользуетесь всеми его возможностями.

Устанавливаемые программы на ПК

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

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

FastStone Capture – мощная утилита для создания скриншотов сайтов целиком с плавающей панелью управления. Можно делать разные по форме снимки.

Paparazzi! – небольшое приложение для операционной системы Mac OS X с функциями делания снимков с экрана.

Инструменты создания скриншотов онлайн

– простой онлайн инструмент по такому же типу, как я описывал в самом начале статьи. Просто вставляете ссылку и нажимаете на Thumb It. Неудобство в том, что оставляет свой копирайт на снимке.

На этом у меня все. Я думаю, что список получился хороший. У вас есть, что выбрать. Если будете спрашивать какой лучше, то тут отвечу – только методом проб и тестирования. Еще раз повторюсь, что лично я пользуюсь LightShot для хрома. Им я просто нереально доволен.

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

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

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

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

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

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

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

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

Весь экран.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Снимок также можно вставить и в другую программу – например, в ворд, нажав правой кнопкой мыши и найдя слово – «вставить». Это может вам понадобится, если вы пишите в ворде описание работы какого-то сервиса, программы и снабжаете это все снимками.

Как сделать снимок с помощью программы?

Сейчас есть много программ, которые позволяют делать скриншоты. В данном случае нужно найти такую программу, скачать ее и установить себе на компьютер. Для поиска программы можно воспользоваться сайтом — http://www.softportal.com/ и найти такую программу через поиск по запросу «скриншот», либо в разделе – «Графика и дизайн».

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

3. Hot Key Screenshot

6. И множество других программ для создания снимка.

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

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

Теперь вы знаете, как сделать скриншот страницы. Успехов в этом деле!