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

Иногда возникает необходимость сделать скриншот всей страницы сайта. «Printscreen» в Windows неэффективен, так как получится только обрезанная часть сайта, видна в браузере. Я уже писал, как это сделать в браузере Mozilla Firefox. Для Google Chrome я не нашел встроенных инструментов создания скриншотов, но в интернет-магазина Chrome есть несколько расширений для создания снимков страницы. Я расскажу о трех из них, и мой рассказ будет построен в виде рейтинга по удобству использования (это только моя субъективная оценка). Все расширения бесплатные и не требуют регистрации.

Awesome Screenshot

The app was not found in the store. :-( #wpappbox

Links: → Visit Store → Search Google

Для установки приложения перейдите на сайт интернет-магазина Chrome и напротив расширения нажмите кнопку с плюсиком.

Установка расширений в Google Chrome

Подтвердите установку нового расширения, нажав кнопку «OK».

Подтверждение установки расширения в Google Chrome

Кнопка расширения появится рядом с меню Google Chrome. Нажав на нее, вы увидите список возможных вариантов создания скриншота страницы сайта, а именно: видимая часть (Capture visible part of page), выбранная область (Capture selected area) или вся страница (Capture entire page). Также можно загрузить картинку с компьютера для последующего редактирования в браузере (Select a local image) или сделать скриношот рабочего стола (Capture desktop). Последняя опция доступна в платной версии расширения.

Варианты скриншотов в Awesome Screenshot

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

Редактирование скриншота в Awesome Screenshot

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

Варианты сохранения скриншота в Awesome Screenshot

Чтобы сделать снимок желаемой части сайта используйте опцию меню расширения: «Capture selected area». В этом режиме вы сможете мышкой выбрать желаемую часть экрана.

Выбор мышкой области захвата в Awesome Screenshot

Nimbus Screenshot

Отличное расширение для создания снимков веб-страниц сайтов. Имеет возможности, аналогичные Awesome Screenshot. Огромный плюс – есть аналогичное расширение для Mozilla Firefox. Я уже раньше писал, как пользоваться этим расширением в Mozilla Firefox. В Google Chrome расширение работает аналогично.

Webpage Screenshot

The app was not found in the store. :-( #wpappbox

Links: → Visit Store → Search Google

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

Варианты скриншотов в Webpage Screenshot

В режиме редактирования также можно добавить разные рамочки и стрелочки. Есть опция очень похожая на инструмент "Распылитель" в Paint для Windows.

Редактирование и сохранение скриншотов в Webpage Screenshot

После редактирования можно сохранить изображение на компьютер или загрузить в облачные хранилища, например: Google Drive, Dropbox. Также есть кнопка «Поделиться» (BBcode для форума, HTML-ссылка и комментарий Facebook).

Редактирование содержимого веб-страницы перед созданием скриншота

Видео по теме:

Опубликовано в Интернет

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *

* Представьтесь, пожалуйста! Авторизуйтесь через:

Можно использовать следующие HTML-теги и атрибуты: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Facebook

ВКонтакте

Twitter

Google+