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

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

Большинство людей используют для создания скриншота кнопку Print Screen, затем открывают диалог или простейший графический редактор и вставляют скриншот туда с помощью клавиатурной комбинации Ctrl+V. Однако с помощью кнопки Print Screen нельзя создать скриншот целой страницы сайта, а это может пригодиться в различных ситуациях.

  • Создать скриншот всей страницы сайта – зачем это нужно?
  • Как сделать скриншот всей страницы сайта – обзор доступных решений
  • Как сделать скриншот страницы сайта целиком используя инструменты разработчика в Google Chrome
  • Как сделать скриншот страницы сайта в Mozilla Firefox?
  • Браузерное расширение для скриншотов Full Page Screen Capture
  • Как создать скрин всей страницы сайта с помощью программы FastStone screenCapture?
  • Как сделать скриншот сайта целиком с помощью браузерного расширения Nimbus Screenshot?
  • Как сделать скриншот сайта с помощью программы Joxi?
  • Как сделать скриншот сайта онлайн целиком?
  • Как сделать скриншот всего сайта — советы и выводы
  • Создать скриншот всей страницы сайта – зачем это нужно?

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

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

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

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

    Как сделать скриншот страницы сайта целиком используя инструменты разработчика в Google Chrome

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

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

    Чтобы создать скриншот веб-страницы, зайдите на нужный вам сайт и перейдите к «Инструментам разработчика» (для этого можно воспользоваться комбинацией клавиш Shift + Ctrl + i, либо клавиша F12). Затем на открывшейся панели вверху нажмите на кнопку в виде трех точек.

    После этого вам нужно будет выбрать функцию «Capture full size screenshot» (расположенная рядом функция «Capture screenshot» позволяет создать скрин лишь видимой части экрана). После этого полный скриншот веб-страницы будет сохранен в папку «Загрузки».

    Как сделать скриншот страницы сайта в Mozilla Firefox?

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

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

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

    Браузерное расширение для скриншотов Full Page Screen Capture

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

    • Скриншот можно создать буквально в два клика.
    • Хорошее качество изображения.
    • Созданный скриншот можно редактировать (добавлять стикеры, геометрические фигуры, текст и так далее).
    • Можно сохранить созданный скриншот в формате PDF.
    • Если создавать скриншот страницы динамического сайта, то склейка может быть некачественной.

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

    Как создать скрин всей страницы сайта с помощью программы FastStone screenCapture?

    Установив данную программу, вы сможете создавать полные скриншоты веб-страниц, редактировать получаемые скриншоты и сохранять в различных форматах (PCX, PNG, TGA, TIFF и других). Кроме того, данная утилита предоставляет пользователям возможность записи видео.

    • Можно редактировать полученный скриншот.
    • Можно записывать видео с экрана.
    • Можно сразу распечатывать скриншоты, а также отправлять их по электронной почте.
    • Утилиту нужно скачивать и устанавливать.
    • Пользовательский интерфейс нельзя назвать интуитивно понятным. Придется потратить некоторое время на изучение основных инструментов.

    Чтобы начать работу, для начала установите программу FastStone screenCapture на компьютер. Далее запустите ее и откройте нужный сайт. В панели инструментов вверху выберите шестую иконку слева, чтобы создать полный скриншот веб-страницы.

    Как сделать скриншот сайта целиком с помощью браузерного расширения Nimbus Screenshot?

    Данное расширение работает в таких браузерах, как Google Chrome, Opera и Firefox. С его помощью вы сможете создать полный скриншот веб-страницы и отредактировать его.

    • Можно скринить веб-страницы полностью, только ее видимую часть или вообще отдельные элементы, представленные на веб-странице.
    • Есть возможность постобработки получаемых скриншотов.
    • Можно сохранять скриншоты в различных форматах.
    • Можно сразу отправлять скриншоты в Google Drive и Dropbox.
    • Можно записывать видео с экрана и кадрировать его.
    • Снимать все окно браузера вместе с панелями можно только в браузере Google Chrome.
    • При создании скриншотов динамичного сайта могут возникать резкие переходы.

    Чтобы сделать скриншот, нужно установить расширение в одном из поддерживаемых им браузеров. После установки в панели инструментов справа появится иконка с буквой N. Зайдите на нужный сайт, нажмите на нее и в открывшемся меню выберите пункт «Скриншот всей страницы сайта».

    После этого в новом окне откроется только что созданный скриншот, который вы сможете отредактировать его и сохранить.

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

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

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

    1. Зайдите на сайт, который необходимо заскринить.
    2. Справа внизу выберите окно, где написано «Экран».
    3. Выделите нужную область и нажмите галочку.

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

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

    • Snapito.
    • Web Capture.
    • S-shot.ru.
    • Screenshot machine.
    • ScreenPage.ru.

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

    Чтобы создать скриншот всей страницы сайта удобнее всего использовать встроенные инструменты браузера, но пока такая функция есть лишь в Google Chrome и Firefox. В остальных случаях стоит пользоваться браузерными расширениями. Но бывает и так, что в некоторых браузерах расширения не всегда работают корректно. В таких ситуациях на помощь приходят специализированные программы, которые устанавливаются на компьютер.

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

    Делаем скриншот страницы (экрана)

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

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

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

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

    Если не получается сделать скрин с помощью клавиши Print Screen

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

    Этап 1: помещаем скрин в буфер

    Для этого, если у вас большая клавиатура (с цифровой клавиатурой), то достаточно просто нажать на клавишу PrtScr.
    В этом случает будет сделан снимок всего экрана и поместится в буфер обмена.

    клавиша Print Screen

    Если вы хотите «сфоткать» только активное окно (в том случае, если открыто несколько окон в Windows), то нужно нажать сочетание клавиш Alt+PrtScr. То есть зажимаете Alt и как бы добавляете PrtScr, чтобы все сработало.

    сочетание клавиш Alt+PrtScr

    В случае, если у вас не срабатывает комбинация клавиш Alt+PrtScr, то найдите клавишу Fn (возле Alt) и сочитайте Fn+PrtScr.
    Такое часто бывает на ноубуке, где клавиатура маленькая и не имеет справа цифрового блока.

    сочетание клавиш Fn+PrtScr

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

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

    Этап 2: вставляем сделаный снимок в графический редактор

    После того как мы выполнили первый этап — запускаем стандартную программу Paint которая есть на любой ОС Windows:

    запускаем Paint

    А затем просто в окне программы нажимаем комбинацию клавиш «Ctrl+V»

    Ctrl+V

    вставка скрина в Paint

    Скриншот вставится в программу из буфера обмена. Сейчас вам просто нужно в верхнем меню выбрать «Сохранить», или нажать комбинацию клавиш «Ctrl+S» и выбрать место на компьютере для сохранения в любом из доступных форматов: jpg, png, gif.

    При желании вы можете уменьшить размер изображения, растянуть или сжать его.

    Делаем снимок страницы в Windows 7 с помощью «ножниц»

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

    Вам достаточно запустить стандартную и очень удобную программу под названием «Ножницы»(Snipping Tool).

    Найти ее можно в меню «Пуск». Если там не видно, то воспользуйтесь поиском, также как мы искали Paint.

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

    Это режим называется «Прямоугольник». Он стоит по умолчанию. Но можно в меню, из выпадающего списка, выбрать и другие варианты: «произвольная форма», «окно», «весь экран».

    режим прямоугольника

    После того как скриншот сделан, сохраняете его на компьютер сочетанием клавиш «Ctrl+S».

    Программа для скриншотов Lightshot

    Скачиваем софт по кнопке (для Windows):
    Скачать Lightshot бесплатно

    или зайдите на оф.сайт https://app.prntscr.com/ru/. Есть версия и для Mac.

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

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

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

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

    Существует множество способов сделать скриншот быстро:

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

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

    Что сделать Какой инструмент использовать
    Скриншот всей страницы GoFullPage , Joxi , Awesome Screenshot , FireShot
    Скриншот произвольной формы Ножницы, Набросок на фрагменте экрана
    Скриншот активного окна Скриншотер (декстопная версия) , Screen-shooter , FireShot , Ножницы
    Использовать горячие клавиши Joxi , Awesome Screenshot , Скриншотер (декстопная версия) , Lightshot (декстопная версия)
    Затереть конфиденциальные данные Awesome Screenshot , Joxi , Скриншотер (декстопная версия) , Screen-shooter
    Добавить последовательность шагов Joxi , Screen-shooter , Awesome Screenshot (платно)
    Выбрать качество изображения Screen Capture , Lightshot (декстопная версия), Joxi (декстопная версия)
    Найти похожие изображения в Google Lightshot
    Быстро поделиться скриншотом в соцсетях Joxi , Lightshot
    Сохранить скриншот в PDF GoFullPage , Awesome Screenshot , FireShot
    Делать скриншоты и снимать скринкасты в одном инструменте Awesome Screenshot , Скриншотер (декстопная версия)

    Горячие клавиши

    Чтобы сделать скриншот:

    • всего экрана, нажмите Shift+Command+3;
    • выделенной области — Shift+Command+4;
    • окна браузера — Shift+Command+4, затем нажмите пробел и кликните на окно.

    Mac все снимки сохраняет на рабочем столе в формате PNG.

    Чтобы сделать скриншот:

    • всего экрана, нажмите PrtSc;
    • активного окна — Alt + PrtSc.

    Скриншот сохраняется в буфере обмена. Это удобно, когда нужно вставить изображение сразу в документ (например, в Google Документы) или в редактор (Paint, Photoshop). Чтобы вставить скриншот нажмите Ctr+v или выберите нужный пункт в контекстном меню (правая кнопка мыши).

    Если хотите сразу сохранить снимок в виде файла, нажмите Win/Fn + PrtSc. Файл ищите на системном диске в папке Изображения/Снимки экрана (Screenshots).

    Встроенные программы

    Снимок экрана (macOS)

    Где найти. Через поиск, или нажмите Shift+Command+5.

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

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

    Утилита позволяет отредактировать изображение: перевернуть, добавить надписи и выделить главное.

    Ножницы (Windows 10)

    Где найти. Через поиск или в меню «Пуск» — «Стандартные Windows».

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

    Выделение в форме сердечка. Скриншот окна программы сделан с помощью клавиш Alt+PrSc

    У инструмента «Ножницы» есть таймер для задержки снимка до 5 секунд.

    Полученный снимок открывается в редакторе, где есть перо и маркер для выделений. Отменить изменения нельзя, что неудобно. Поэтому если нужно отредактировать скрин, лучше открыть его в Paint (это делается прямо из меню «Ножниц»).

    Готовое изображение сохраняется в JPG или PNG.

    Команда Windows 10 грозится в одном из следующих обновлений заменить инструмент «Ножницы» на утилиту «Набросок на фрагменте экрана». Чтобы получить к ней доступ, нажмите Win+Shift+S. Здесь нет таймера и возможности снять активное окно, зато есть отмена в редакторе.

    Меню инструмента «Набросок на фрагменте экрана»

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

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

    GoFullPage

    Язык. Английский.

    Что умеет. Делает скриншот всей страницы в один клик. Для этого нажмите на значок расширения или Alt+Shift+P. Качественно и быстро скриншотит страницу целиком.

    Чтобы сохранить готовый скрин в виде файла, перетащите его на рабочий стол.

    Формат. PNG или PDF.

    Сколько стоит. Бесплатно.

    Скриншотер

    Язык. Русский.

    Что умеет. Фотографирует выделенную область в два клика, позволяет делиться ссылкой или сохранять файл на диск. Ссылка сразу копируется в буфер.

    Не понравилось, что при выборе инструмента уменьшается видимая область экрана, как будто меняется разрешение (работаю на ноутбуке на Windows 10).

    Формат. PNG.

    Сколько стоит. Бесплатно.

    Расширение меняет размер экрана после запуска, из-за чего у меня не поместились картинка справа и текст подписей

    Lightshot

    Язык. Русский.

    Что умеет. Делает скриншот выделенной области. В отличие от «Скриншотера», в Lightshot есть редактор с основными инструментами. Позволяет добавить текст, выделения, стрелки, линии и формы. Не умеет размывать части скриншота.

    Из плюсов — расширение позволяет быстро поделиться снимком в соцсетях (ВКонтакте, Facebook, Twitter, Pinterest) или распечатать скрин.

    Ещё одна прикольная функция — поиск похожих картинок в Google прямо через редактор сервиса.

    Формат. PNG.

    Сколько стоит . Бесплатно.

    Удобно, что все инструменты для редактирования появляются сразу после выделения области. Можно изменить размер и положение рамки, даже если уже добавил текст и нарисовал стрелки

    FireShot

    Язык. Английский.

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

    Готовое изображение FireShot предлагает сохранить, переслать по почте или распечатать. В платной версии также есть экспорт снимков в OneNote, Twitter и Flickr.

    Большой минус — в бесплатной версии нет редактора.

    Формат. PDF, JPG, PNG, GIF или BMP.

    Сколько стоит. Бесплатно без редактора. Есть пожизненная лицензия — около 3000 руб.

    Язык. Русский.

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

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

    Чтобы иметь доступ к истории скриншотов, нужно зарегистрироваться.

    Формат. PNG.

    Сколько стоит. Бесплатно.

    Joxi может расшарить картинку в 40 соцсетей

    Awesome Screenshot

    Язык. Английский.

    Что умеет. Снимает выделенную область, видимую часть экрана или всю страницу. Позволяет выбрать задержку на 3 или 5 сек, перед тем как будет сделан снимок. Поддерживает горячие клавиши.

    В редакторе сервиса есть все стандартные инструменты для редактирования, в том числе размытие и возможность менять размер картинки.

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

    Большой плюс Awesome Screenshot — расширение позволяет записывать не только скриншоты, но и скринкасты.

    Формат. PNG или JPEG (выбирается в настройках), PDF.

    Сколько стоит. Бесплатно. Есть платные тарифы от 300 руб./мес. В основном прокачивают возможности для скринкастов.

    Декстопные программы

    У Joxi и Lightshot есть декстопные версии примерно с теми же функциями, что и у расширений. Описывать их снова нет смысла. А вот у программы «Скриншотер» функций гораздо больше. Поэтому начну обзор с неё.

    Скриншотер

    Язык. Русский.

    Что умеет. Снимает весь экран, выделенную область или активное окно. Поддерживает горячие клавиши.

    В отличие от расширения у программы есть редактор с основными инструментами и размытием.

    В настройках можно выбрать формат и качество изображения. Готовый скрин программа позволяет сохранить на диск или загрузить на сервер.

    Самая главная особенность декстопной версии «Скриншотера» — программа умеет снимать видео в формате mp4 до 60 минут.

    Формат. PNG и JPG.

    Сколько стоит. Бесплатно.

    сервис для скриншотов «Скриншотер»

    Screen-shooter

    Язык. Русский.

    Что умеет. Снимает экран, область и активное окно. Можно настроить горячие клавиши.

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

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

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

    Формат. PNG.

    Сколько стоит. Бесплатно.

    Screen-shooter

    Screen Capture

    Язык. Русский.

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

    Есть редактор со всеми основными инструментами.

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

    Неплохая программа, но и здесь у меня осталась проблема с размером видимой части экрана — она меняется после выбора инструмента. В декстопных версиях «Скриншотера», Joxi и Lightshot этой проблемы нет.

    Формат. JPG.

    Сколько стоит. Бесплатно.

    программа для скриншотов Sreen Capture

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

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

    2. Отсекайте лишнее. Ярлыки, посторонние окна и вкладки браузера отвлекают от сути. Старайтесь убирать из кадра такие вещи или хотя бы обрезайте и размывайте наиболее отвлекающие элементы.

    3. Акцентируйте внимание на важном. Используйте стрелки и выделения.

    4. Делайте аккуратно. На скриншотах не должно быть обрезанных кусков контента, а все стрелки и выделения лучше делать в едином стиле.

    5. Убирайте конфиденциальную информация. Не забудьте скрыть все персональные данные, если планируете выложить изображение в сеть. Хорошо для этого подходит инструмент «Размытие».

    6. Думайте о цели. Сначала подумайте, зачем делаете скриншот, что хотите показать с его помощью. Когда понятна цель, легче сделать скриншот правильно.

    Ссылка на основную публикацию