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

Есть оптимальный вариант:

FireShot – быстрое создание снимков экрана (скриншотов)

FireShot (урезанная версия) – плагин, который позволит быстро сделать снимок страницы сайта в браузере Google Chrome .

Установка плагина

Установку плагина можно осуществить из интернет-магазина Хрома, перейдя по ссылке:

На открывшейся странице следует нажать «+бесплатно» и подтвердить новое расширение.

После чего в правом верхнем углу браузера вас уведомят об успешной установке FireShot.

При нажатии на значок расширения откроется меню.

Доступно 3 опции:

Захватить всю страницу – скриншот всей страницы сайта , включая прокрутку.

Захватить видимую область – скриншот только той области, которую вы видите в данный момент, без скролла.

Захватить регион – снимок выделенной части экрана .

Обратите внимание, что справа от каждой опции отображается соответствующая комбинация клавиш. Как видите, они очень неудобные. 4 кнопки – слишком много. Поэтому следует зайти в настройки и прописать свои горячие клавиши, которые будут вам удобны. Главное, чтобы они не совпадали со стандартными горячими клавишами Google Chrome, во избежание конфликта.

Так же в настройках можно выбрать один из двух форматов скриншотов по умолчанию: JPG и PNG.

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

Скриншотим страницу полностью

Только рассказал в предыдущей статье об и понял, что нужен ещё такой скриншотер, который бы делал снимок страницы сайта полностью (включая то, что видно только при прокрутке). Даже не думал, что темы скриншотов хватит на 2 статьи

Подходящее дополнение для браузеров на основе Chrome (Яндекс.Браузер, Гугл Хром …) опять же нашлось здесь https://chrome.google.com/webstore/category/extensions?hl=ru . На этот раз это Nimbus Screenshot and Screencast — вообще, очень навороченная штука оказалась, даже видео снимает.

Делаем скриншот страницы сайта целиком с помощью расширения Nimbus Screenshot and Screencast

Скачивание

Скачать и установить можно . После установки справа вверху появится иконка этого дополнения:

Иконка скриншотера Nimbus

Как пользоваться

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

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

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

Редактор скриншотов в Nimbus Screenshot and Screencast

После окончания редактирования жмём «Готово» и далее картинку можно будет сохранить в некий Nimbus Note, в , себе на ПК или распечатать.

С помощью этого дополнения можно сделать скриншот не только содержимого браузера, но и всего окна. А также записать видео (выберите «Запись видео» ). Я был удивлён, но видео и правда записывается, и вполне неплохо.

А ещё можно редактировать любые картинки или рисовать что-нибудь — для этого надо установить сначала это , а затем в меню расширения следует выбрать «Чистый лист» :

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

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

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

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

Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 – программа, позволяющая делать скриншоты полностью или в виде превью. Ее основным преимуществом является работа с командной строкой, которая позволяет автоматизировать процесс снятия копий сайта с экрана.

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

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

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

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

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

Она позволяет сделать снимок активного окна или всего экрана на выбор . Также возможен захват окна с последующей его прокруткой . Доступно несложное редактирование (изменение размера рисунка, его поворот / отражение, вырезание фрагментов, изменение глубины цвета и т.д.). Умеет работать с основными форматами графических файлов: *.bmp , *.gif , *.jpg , *jp2 , *.j2k , *.pcx , *.png , *.ppm , *.tga , *.tiff , *.pdf .

Программа легкая, весит около 1,5 Мб, на экране выглядит в виде маленького прямоугольника:

Сворачивается в трей, достается оттуда одним щелчком мышки. Русифицирована.

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

Основные возможности FastStone Screen Capture

- скриншот активного окна (Shift + PrtSc ) - только верхнее работающее окно.

Пример : активное окно – Internet Explorer.

- скриншот отдельной области окна (Alt + PrtSc ) – захват некоторой стандартной, уже выделенной части работающего окна (например, адресная строка в браузере). Выбранная область подсвечивается красным цветом, скриншот производится по клику мышки.

Пример 1 : выбранная область – содержимое Internet Explorer’а.

Пример 2 : выбранная область – адресная строка.

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

Пример: выделенная область – описание понятия «скриншот».

- скриншот произвольной области (Shift + Ctrl + PrtSc ) – захват любой выделенной мышкой области и помещение ее в файл. При этом в углу экрана появляется лупа, и Вы можете с точностью до пикселя вырезать нужный кусок. После выделения необходимой области нажмите на Enter.

Пример : произвольно выделенная область – рабочий стол.

- скриншот экрана полностью (PrtSc ) – захват всего экрана, замена стандартной функции.

Пример : рабочий стол.

- скриншот окна с прокруткой (Ctrl +Alt + PrtSc ) – захват всего содержимого работающего окна, а не только того, что видно на экране.

Пример : скриншот всего содержимого браузера из первого примера.

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

- лупа – обычная экранная лупа, которая позволяет рассмотреть поближе содержимое экрана (управление правой кнопкой мыши, выход по щелчку левой или клавише Esc).

- пипетка – захватывает цвет выбранного участка экрана, аналогично пипетке в любом другом графическом редакторе.

Дополнительные возможности – графический редактор

С его помощью можно:

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

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

Снимается выделение простым кликом по фону или в меню, вылезающему по щелчку по правой кнопке мыши.

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

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

- вставить текст в рисунок . При нажатии на соответствующую кнопку на панели вверху открывается окно, похожее на стандартный Paint.

Его функции:

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

- отправить рисунок по e-mail , используя установленную на компьютере почтовую программу. Перед отправкой Вы сможете выбрать формат рисунка и переименовать его.

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

Наконец, Вы можете закрыть рисунок без сохранения. С помощью кнопки «Правка » на самой верхней панели можно немного поработать с цветами рисунка или его выделенным сегментом . Доступны следующие опции:

- поворот рисунка по часовой или против часовой стрелки; его зеркальное отражение по горизонтали или вертикали;

- изменение размера холста (то есть области, с которой Вы работаете), причем можно задать его в пикселях, определить на ней положение рисунка, выбрать цвет фона, который появится, если Вы увеличите рисунок;

Изменение параметра «Яркость Контраст Гамма » (определяет, насколько темным или светлым будет рисунок, насколько будут различаться цвета);

Изменение параметра «Оттенок Насыщенность Освещенность » (определяет, как можно изменить цвет/тон рисунка (по принципу негатива), его насыщенность цветом и степень освещённости);

- изменение уровня RGB (насыщенность рисунка красным, зеленым или синим цветом);

Изменение параметра «Резкость / Размытие » (определяет, насколько рисунок будет четким);

Функция «Оттенки серого » (рисунок становится черно-белым);

Функция «Сепия » (рисунок становится коричневым);

Функция «Негатив » (рисунок становится негативом).

Настройки программы

• возможность поместить файл в Редактор, в буфер обмена, сразу сохранить его без редактирования или вывести на печать;
• возможность стартовать вместе с Windows (сворачиваясь или не сворачиваясь в трей);
• возможность включать или не включать в скриншот указатель мыши;
• возможность показывать лупу и пипетку на главной панели;
• возможна настройка кнопки “X”, всех горячих клавиш на главной панели, шаблона имени файла, экранной лупы и разрешения файла;
• возможность снятия скриншота не сразу, а с некоторой задержкой;
• возможность отключить звуки.

Интерфейс программы FastStone Screen Capture прост, интуитивно понятен и при этом симпатично выглядит (доступны даже 4 вида обложек для главной панели). Большинство функций продублировано с помощью горячих клавиш, что облегчает работу.

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

P.S. Также попробуйте замечательную программу FastStone Image Viewer для просмотра созданных скриншотов и любых других изображений:

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

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

Уменьшите масштаб страницы и используйте клавиши по умолчанию

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

• Windows: нажмите клавишу Print Screen (PrtScr или Print Scrn). Снимок экрана будет сохранен в буфер обмена. Чтобы вставить это изображение в файл, воспользуйтесь любым графическим редактором.
• Mac : используйте сочетание клавиш Cmd-Shift-3. По умолчанию скриншот будет сохранен как PNG файл на вашем рабочем столе.

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

Вы можете установить одну из специальных программ для снятия скриншотов на свой компьютер. Например, я пробовала Snagit от Techsmith (и для Windows, и для Mac), FastStone Capture (программа доступна только для Windows) и Paparazzi (только для Mac). При выборе следует обратить внимание, что некоторые из этих программ не бесплатны. Поделитесь ссылками в комментариях, если вы знаете другие подобные приложения.

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

Если вы не хотите ничего устанавливать на компьютер, вы можете воспользоваться одним из этих веб-инструментов, чтобы сделать скриншот всей страницы прямо в браузере: Snapito , Screenshot Machine или Web-capture.net . Все они устроены похожим образом: просто вставьте URL нужной страницы в соответствующее поле на странице сервиса.

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

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