35 просмотров
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд
Загрузка...

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

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

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

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

Кнопка Prt Sc – замечательное изобретение. К сожалению, она позволяет захватить лишь видимую часть экрана. А когда мы хотим поделиться скриншотом сайта, как правило, хочется сделать “фотографию” всей страницы. В сегодняшнем посте я расскажу о трех утилитах, которые помогут это сделать.

Оригиннальная статья была опубликована в 2015 году. Это обновление статьи за 2017 год

Nimbus Screen Capture

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

После установки плагина в контекстном меню браузера появляется меню Nimbus Screenshot, из которого вы можете выбрать какую часть страницы нужно сохранить:

При создании скриншота открывается небольшой, но функциональный редактор, в котором можно немного навести марафет:

При нажатии на Готово открывается страница, где предлагается сохранить скриншот на диск, в аккаунт Nimbus или в Google Drive. Скриншотом так же можно поделиться или отправить на печать:

screenshotlayer

screenshotlayer предоставляют API для разработчиков для массового создания полностраничных скриншотов веб-сайтов. Но и обычным гражданам их сервис будет полезен.

Укажите адрес нужной страницы и нажмите Capture:

Затем сервис автоматически создаст скришот всей страницы:

[API] Как проверить телефонный номер на актуальность? – еще один инструмент от разработчиков screenshotlayer.

Mockerie

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

Просто укажите свой e-mail адрес и url сайта:

И вы сразу же получите десятки фотогафий с вашим сайтом:

Web-capture

Дайте ссылку на сайт сервису Web-capture и получите скриншот в формате .jpg, .pdf, .svg или любом другом популярном формате.

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

Работа с программами

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

  1. Загрузить файл программы с официального сайта и установить на ПК.
  2. По завершении инсталляции открыть окно, снимок которого нужно сделать, и нажать клавишу Print Screen.
  3. Зажав левую клавишу мышки, выделить интересующую область.
  4. При необходимости обработать изображение с помощью встроенных опций программы. Панели инструментов появляются внизу выделенного участка и в его правой части.
  5. Сохранить полученную картинку, нажав кнопку с изображением дискеты, распечатать её или поделиться в социальных сетях.

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

Способ 1: использование PrintScreen + Paint

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

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

Способ 2: моментальное сохранение скриншотов

Данный способ удобен тем, что позволяет за секунду создать скриншот, который будет автоматически сохранен в стандартную папку «Изображения». Чтобы воспользоваться данным методом, вам достаточно нажать на компьютере сочетание клавиш Win+PrintScreen, после чего экран монитора «моргнет», что означает, что скриншот уже находится в указанной папке.

Стоит отметить, что данный способ работает в ОС Windows, начиная с восьмой версии.

Способ 3: инструмент «Ножницы»

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

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

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

Способ 4: использование программы Ashampoo Snap

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

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

Читать еще:  Как снять пароль с компьютера windows 10

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

    Захват окна с прокруткой (Свободная область, Firefox). Суть данной функции заключается в том, что вы выделяете необходимую часть (учитывая лишь границы) веб-страницы, после чего щелкаете на получившийся прямоугольник. С учетом установленного прямоугольника программа начнет автоматическую прокрутку вниз по странице. Плюс данного способа заключается в том, что он позволит исключить из захвата лишние области веб-страницы, минус – из браузеров поддерживается лишь Firefox.

  • Захват веб-сайта из Internet Explorer/Chrome. Используя данный метод захвата веб-страницы, вам лишь потребуется щелкнут по текущей веб-странице, после чего программа начнет автоматическую прокрутку вниз, пока не дойдет до конца страницы. Особенность данного способа заключается в том, что лишние части веб-страницы здесь можно обрезать уже в процессе редактирования, но кроме того, захват может выполняться не только по отношению к перечисленным браузерам, но и к другим программам с прокруткой на вашем компьютере.
  • Способ 5: сохранение страницы в PDF

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

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

    Рассмотрим использование данного способа на примере браузера Google Chrome. Для этого перейдите в веб-обозревателе на страницу, которая будет впоследствии сохранена, а затем щелкните по кнопке меню браузера и пройдите к пункту «Печать».

    На экране отобразится меню настройки печати, в левой области которого около пункта «Принтер» вам потребуется щелкнуть по кнопке «Изменить».

    На экране отобразится список доступных принтеров, среди которых понадобится выбрать «Microsoft Print to PDF».

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

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

    Зачем нужно делать скриншоты

    • Отправить разработчику ПО пример ошибки.
    • Скопировать переписку.
    • «Сфотографировать» понравившийся дизайн веб-сайта.
    • Поделиться понравившимся изображением с кем-то.
    • Указать пользователю на ошибку или проконсультировать его и т.д.

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

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

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

    Snapito

    По кнопке «шестеренка» вы выбираете настройки (размер, срок хранения картинки и т.п.), кнопкой Snap запускается обработка. Вы также можете сохранить скрин в PDF. Результат работы сервиса — ссылка на полученное изображение.

    Web Capture

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


    Затем вы можете скачать снимок как ZIP или развернутый файл.

    IMGonline

    Позволяет получать вебшот в JPG- или PNG-форматах. Введите адрес веб-страницы, настройте параметры и нажмите «ОК».

    Затем откройте полученный вебшот или скачайте его.

    S-shot

    Работает по такому же принципу.

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

    Screenshot machine

    Еще один бесплатный вариант.

    После получения снимка нажмите Download и сохраните миниатюру на свой ПК.

    ScreenPage

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

    Mozilla Firefox

    В интернет-браузере Mozilla можно создавать и сохранять вебшоты штатным средством. Одновременно нажмите Ctrl + Shift + I. Вашему взору предстанет панель инструментов. В ее правой части нажмите на шестеренку. Выберите доступные кнопки и активируйте «Сделать скриншот всей страницы». В браузере появится иконка фотоаппарата. Необходимо открыть нужную веб-страницу, кликнуть на значок фото и войти в папку закачек, куда автоматически уже записался скрин.

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

    Это Joxi, Qsnap, Lightshot и другие. Соответствующее ПО устанавливается на компьютер. Затем, удерживая кнопку CTRL и прокручивая колесико мышки, уменьшаем страницу до тех пор, пока она полностью не начинает умещаться на экране. Нажимаем соответствующую для каждого плагина кнопку. Например, для Joxi это — птичка в правом верхнем углу браузера.

    Выбираем необходимую область экрана для скрина, фотографируем и скачиваем результат.

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

    Читать еще:  Как уменьшить время загрузки Windows 10?

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

    Как установить расширение Joxi в Google Chrome для создания скриншота с прокруткой

    Чтобы установить расширение joxi в Хроме, перейдите по ссылке в интернет-магазин https://chrome.google.com/webstore… Нажмите на синюю кнопку: Установить . Подтвердите действие в всплывающем окошке, кликнув на Установить расширение .

    После этого иконка плагина появится в правом углу верхней панели. При создании первого скриншота, joxi попросит ввести E-mail и пароль. Я не нашла, где можно авторизоваться, поэтому просто нажала опцию Восстановить (изменить) пароль . После этого заполнила окошко и вошла в режим создания скрина. Возможно это потребовалось только мне, так как, программа уже установлена на ПК.

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

    Плагин выполняет две функции, не считая возможности графического редактирования полученной картинки:

    • захват видимой области на экране;
    • снимок всей страницы без захвата определенного региона.

    Ссылка на скрин автоматически копируется в буфер обмена. Все картинки хранятся на серверах Джокси. Для этого в облаке выделяется 1 ГБ места. Перейдя по ссылке, скриншот можно скопировать на ПК.

    Заключение

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

    Захват изображения в популярных интернет поисковиках

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

    Все компьютеры имеют специальные кнопки или комбинации клавиш для скриншотирования:

    Задача:

    Зафиксировать всю информацию с главной статьи веб-портала «screenshot-tools.ru»

    Решение:

    1. Девять снэпшотов на ноутбуке с помощью инструмента для захвата изображений Snipping Tool/Экранные Ножницы.
    2. Один снимок всей страницы с помощью опции скриншот в Мозиле / screenshot capture в Google Chrome.

    Разница в продуктивности, эффективности и скорости выполнения задачи весьма очевидна!

    Скриншот в «Яндекс» браузере

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

    Найти и активировать полезное дополнение можно следующим образом:

    • Зайти в настройки поисковой системы;
    • Далее раздел «Дополнения»;

    • Пролистав немного вниз колёсиком мышки, сфокусировать своё внимание на опции «Инструменты»;
    • Включить расширение «lightshot» для создания скриншотов.

    В верхнем правом углу появиться фирменный фавикон Лайтшота в виде пёрышка.

    Фиксировать часть страницы довольно просто:

    1. Кликнуть по ярлыку с пером.
    2. Выбрать интересующую область экрана в прямоугольной форме.

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

    С возможностями приложения можно подробно ознакомиться в описании сторонней бесплатной утилиты для фиксации изображения с экрана мониторов «Lightshot» для компьютеров на Windows и Mac Os.

    1. Оформление выделенной области для моментального снимка.
    2. Способы сохранения захвата и другие возможности.

    Снэпшот в Mozilla Firefox

    «Огненная лиса» имеет встроенный инструмент для фиксации картинки на своих web-страницах в отдельный файл.

    Левой кнопкой мыши, открыв проводник Мозилы «… — Действия страницы», выбрать действие с ярлычком ножниц «Сделать скриншот».

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

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

    Снапшот можно сделать не только прямоугольным фрагментом, но и всю просматриваемую веб-страницу (1) или только ту, что отображается на дисплее в момент просмотра(2).

    Опция «Мои снимки» — (3) – предназначена для хранения в течение двух недель пользовательских моментальных снимков в облачных сервисах Мозилы.

    Сделав screenshot, открывается служебное окно для элементарной редакции с всплывающей подсказкой:

    1.Snapshot хранится на ресурсах компании Mozilla в течение двух недель.

    2. Удаление файла, редактирование:

    • Обрезка;
    • Ручка;
    • Выделительный маркер для текста;
    • Девять цветов для ручки;
    • Кнопка «Undo/Отменить предыдущее действие».

    Иконка со стрелкой вверх – поделиться скрином в социальных сетях.Кнопка вниз – загрузить снэпшот на ПК.

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

    Screenshot в Google Chrome

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

    Способ номер один

    Меню браузера, открыть инструменты для разработчиков (Ctrl+Shift+I).

    Нажав на кнопку «More options» можно выбрать один из вариантов для сохранения скрина:

    • Capture screenshot – захват видимой части страницы сайта;
    • Capture full size screenshot – сохранение всего содержимого страницы.
    Читать еще:  При загрузке 2 винды как удалить одну?

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

    Папка «Downloads/Загрузки» со скриншотами из браузера Google Chrome.

    Второй способ

    Зайти в меню настроек в пункт «Расширения».

    Перейти в интернет-маркет Google для поиска достойной утилиты.

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

    Snapshot в Opera

    Браузер Опера постоянно обновляется командой разработчиков.

    Опцию для захвата моментального снимка с просматриваемой страницы можно активировать тремя способами:

    1. «Настройки и управление Opera» => «Снимок»;
    2. Выполнить комбинацию клавиш «Ctrl+Shift+5»;

    3. Из боковой панели инструментов выбрать значок «фотоаппарат».

    Моментальный снимок с дисплея предполагается двумя вариантами:

    1. Захват всего экрана;
    2. Фиксация определённой прямоугольной области.

    Зафиксировав картинку, можно провести ряд манипуляций с ней:

    1. Изменение масштаба;
    2. Незамысловатое дополнение различными элементами;
    • Стрелка — выбор цвета и толщины и цвета;

    • Капля – размытие объектов;
    • Карандаш — выбор толщины и цвета;

    • Смайлик с камерой – возможность добавить сэлфи;
    • Стикер – добавление весёлых наклеек к снэпшоту;

    1. Отмена предыдущего действия;
    2. Сохранение изображения на компьютере в формате «PNG»;
    3. Скопировать скриншот и закрыть редакционную панель.

    Каждый браузер имеет функциональность «Screenshot Capture». А вот какой лучше интернет-обозреватель использовать для захвата изображений вэб-страниц каждый пользователь решает для себя сам. Всё зависит от поставленных задач, а решения всегда найдутся!

    Скриншотер – просто нажми кнопку 🙂

    Итак, переходим на сайт https://скриншотер.рф/ и скачиваем программу Скриншотер, там на пол экрана одна большая кнопка «Скачать бесплатно», т.ч. не промахнётесь 😉 Программа от отечественного разработчика, потому полностью на русском языке и, конечно же, бесплатна 🙂 К тому же я проверил её на вирусы – всё чисто.

    При установке можно отключить загрузку элементов Яндекса:

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

    Теперь чтобы отправить другу ссылку на скрин экрана достаточно просто нажать кнопки Ctrl+PrtScr (если кто не знает, то на стандартной клавиатуре кнопка PrtScr находится справа от F12. Характерный щелчок и секундное затемнение экрана будет означать что в вашем буфере обмена уже есть ссылка на изображение! Проверьте, вставив её в адресную строку браузера:

    Всё так просто! А если нужно сделать снимок определённой части экрана, то нажмите только кнопку PrtScr и выделите область. Когда отпустите мышку – ссылка на снимок будет в Вашем буфере обмена!

    У скриншотера есть ещё пару козырей в кармане, которых нет у других конкурентов. Если до клавиатуры тянуться «далеко» или лень, то можно просто кликнуть по значку программы в системном трее, что равносильно нажатию кнопки PrtScr:

    А кому-то будет удобнее кликнуть правой кнопкой по любому пустому месту на рабочем столе и в контекстном меню выбрать подходящее действие:

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

    Немного о настройках

    При каждом запуске программы появляется окно с настройками:

    По умолчанию, кнопки для создания снимка всего экрана: Ctrl+PrtScr, для произвольной области: PrtScr. В настройках можно указать свои кнопки, если, например, эти уже используются для другого софта.

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

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

    И последние несколько настроек:

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

    В общем-то и всё, на самом деле даже чайник разберётся, всё до абсурда упрощено. После установки программа попадает в автозапуск и запускается при каждом включении компьютера или ноутбука (благо, окно настроек при этом не появляется). Если вам это не нужно, то посмотрите статью об отключении из автозапуска в Windows. Кстати, могли бы эту опцию включить в настройки, как это делает большинство разработчиков.

    Плагин Joxi

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

    Для использования потребуется:

    1. Зарегистрироваться на сайте joxi.ru;
    2. установить расширение для браузера Chrome:
      https://chrome.google.com/webstore/search/Joxi?hl=ru;
    3. авторизоваться в расширении.

    • Можно делать пометки на изображении;
    • снимок хранится онлайн на серверах сервиса;
    • результатом легко поделиться в виде ссылки.
    • Требуется регистрация;
    • расширение доступно только для браузера Google Chrome;
    • если на сайте есть плавающие элементы, то на скриншоте они могут дублироваться.
    голоса
    Рейтинг статьи
    Ссылка на основную публикацию
    Статьи c упоминанием слов: