Скриншот в Google Chrome

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

Пример созданного скриншота части страницы в Google Chrome через расширение

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

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

#1: Инструменты разработчика

  1. Откройте «Панель разработчика»: F12 или Ctrl+Shift+I или меню → «Дополнительные инструменты» → «Инструменты разработчика»
  2. Используйте комбинацию Ctrl+Shift+P для запуска командного меню, в форму поиска введите слово «screenshot», вам доступны 4 варианта создания снимка страницы:
    • Capture area screenshot — при помощи курсора выберите прямоугольную область экрана
    • Capture full size screenshot — сделает скриншот страницы во всю длину
    • Capture node screenshot — во вкладке «Elements» можете выбрать любой блок страницы для захвата
    • Capture screenshot — снимок видимой части страницы сайта

#2: Расширение

Расширений для создания скриншотов в Chrome десятки — как от известных тематических сервисов, так и от отдельных пользователей-энтузиастов. Мы даём ссылку на их удобный поиск в каталоге, а также рассмотрим одно из них для примера, а именно Scrnli. Останавливаться на установке расширения мы не будем, рассмотрим лишь основные особенности его функциональности.

Создание снимка страницы

  1. Нажмите на иконку быстрого доступа расширения в правом верхнему углу, нас интересуют первые 4 пункта списка:
    • Visible Page — видимая часть страницы
    • Entire Page — страница целиком
    • Selected Area — выделенный участок
    • Browser Window — та же видимая часть + элементы окна браузера
  2. После выбора нужного варианта создания скриншота расширение открывает сделанный снимок в собственном редакторе, где можно:
    • сохранить кадр в изображение PNG формата или PDF файл посредством кнопки «Download»
    • скопировать изображение в буфер обмена через кнопку «Copy» для последующей вставки в любой другой графический редактор
    • добавить текст, линии, стрелки, ретушь и т.п. при помощи панели инструментов слева вверху
  3. Если расширение пришлось вам по вкусу, то советуем также обратить внимание на набор горячих клавиш

#3: Приложение Windows

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

Оставить комментарий
1 комментарий:
Кто-то 20-06-2021 19:58

Первый способ самый простой под Windows, если кнопки умеешь нажимать :), не нужно никакого мусора ставить в Хром.