Сделать скриншот экрана очень просто с помощью доступных по умолчанию команд клавиатуры. Но, если вы хотите сделать скриншот всей страницы в браузере, а не только видимой области экрана, то вам понадобятся специальные инструменты и несколько дополнительных кликов.
Существуют как минимум 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 нужной страницы в соответствующее поле на странице сервиса.
Расширения для браузера
Это мой любимый способ делать скриншоты страниц. Не нужно переключаться в другую вкладку или запускать отдельное приложение – меньше кликов!
Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.
Мы разберем как сделать полный скриншот вашего веб сайта целиком и параллельно разберем сервисы, программы и инструменты для создания скриншотов ваших сайтов.
Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.
Как сделать скриншот сайта целиком онлайн?
Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 с функциями делания снимков с экрана.
Инструменты создания скриншотов онлайн
– простой онлайн инструмент по такому же типу, как я описывал в самом начале статьи. Просто вставляете ссылку и нажимаете на Thumb It. Неудобство в том, что оставляет свой копирайт на снимке.
На этом у меня все. Я думаю, что список получился хороший. У вас есть, что выбрать. Если будете спрашивать какой лучше, то тут отвечу – только методом проб и тестирования. Еще раз повторюсь, что лично я пользуюсь LightShot для хрома. Им я просто нереально доволен.
Сегодня я предлагаю вам рассмотреть очень интересную задачу - как снять с экрана Android длинный скриншот. Имеется в виду создание скриншота с прокруткой экрана. Задача нетривиальная и особо характерная для захвата веб-страниц, которые прокручиваются несколько экранов.
Сделать такой скриншот встроенными в Андроид средствами невозможно, поэтому в этой статье я предлагаю воспользоваться двумя Android приложениями, которые серьезно облегчат выполнение этой задачи.
Создание скриншотов с экрана смартфона является очень полезной и востребованной функцией. Многие пользователи используют ее для разных целей. Но, несмотря на очевидную полезность встроенной функции, она имеет большой недостаток - на один скриншот могут попасть только те элементы изображения экрана, которые видимы в момент его создания. Если действовать «по-старинке», растянутые на несколько экранов изображения могут быть разделены на несколько последовательных скриншотов, сделанных во время прокрутки «портянки».
Сравнительно недавно для решения такой задачи компания Xiaomi представила в своей оболочке MIUI 8-й версии новую функцию - «длинный скриншот» (Long Screenshot). Долгожданная функция создания скриншота для длинной веб-страницы порадовала владельцев одноименных смартфонов. Она проста в работе и напоминает реализацию функции захвата изображений в девайсах Panasonic. Но, после презентации технологии создания скриншотов с прокруткой экрана, далеко не каждое Android устройство способно было реализовать ее на практике. Для того, чтобы сделать функцию доступной, вам придется использовать сторонние инструменты и выполнить несколько действий на своем смартфоне.
Предупреждение: для того, чтобы активировать функцию длинного скриншота на смартфоне без оболочки MIUI 8 вам придется скачать и установить приложение стороннего разработчика из магазина Google Play. Поэтому заранее позаботьтесь о подключении девайса к сети Интернет и о наличии свободного места в своем девайсе.
Создаем длинный скриншот с прокруткой экрана в приложении LongShot
Приложение LongShot можно свободно найти и скачать в магазине Google Play. Оно было специально разработано для того, чтобы создавать длинные скриншоты на Андроид. Процесс создания скриншота в LongShot достаточно прост, если выбрать нужный режим.
Режим Capture screenshot
- Откройте LongShot и выберите в нем опцию Capture screenshot.
- После запуска приложение запросит у вас разрешение на начало работы.
- Далее LongShot предложит вам выбрать приложение, в котором вы будете делать длинный скриншот.
- Откройте нужное приложение и нажмите Start. Пролистайте страницы приложения по экрану в необходимом диапазоне. Для завершения создания скриншотов нажмите Done.
- В этом режиме вы получите не один длинный скриншот, а серию скриншотов, нарезанных из «портянки», протянутой по экрану. С ними вам еще предстоит поработать.
- Перед вами откроется список скриншотов с эскизами. Удалите ненужные скриншоты. Для проверки можете посмотреть эскиз в полном формате, нажав на нем и выбрав в контекстном меню пункт «View in full screen». Затем снова нажмите на эскиз и выберите «Delete», если нужно его удалить.
- Если вы хотите добавить еще что-то в длинный скриншот, нажмите на значок «плюса», расположенный в кружочке и выберите дополнительное изображение.
- Вы можете скомпоновать будущий длинный скриншот так, как вам угодно - вертикально или горизонтально, в автоматическом или ручном режиме, с выводом статус-бара и без него. Для этого вы можете нажать кнопку «Configure» в левом нижнем углу приложения и выбрать необходимые опции.
- После установки опций конфигурации нажмите кнопку «Join» в правом нижнем углу приложения.
- Спустя некоторое время, которое будет потрачено на обработку и «сшивку» отдельных изображений в полотно длинного скриншота, вы попадете в меню Stitch.
- Здесь вы увидите проект будущего длинного скриншота, который можно дополнительно настроить. Если вас все устраивает, просто нажмите кнопку Save в правом верхнем углу.
- Если в проекте что-то не так, нажмите одну из кнопок Adjust, которая стоит напротив каждого компонента и используйте опции обрезки каждого кадра. Для точной и грубой обрезки вы можете использовать кнопки «1px» или «10px», вверх или вниз. После обрезки нажмите кнопку Done и, если теперь вас все устраивает, нажмите Save.
Важная ремарка: файлы скриншотов автоматически сохраняются в каталог /storage/emulated/0/longshot.
На первый взгляд сделать длинный скриншот нелегко, но поверьте - разработчики сделали процесс интуитивным и понятным. И они позаботились о тех, кто хочет сделать длинный скриншот многоэкранной веб-страницы всего за пару кликов. Для этого создан специальный режим «Capture web page».
- В главном меню приложения нажмите кнопку «Capture web page». Откроется встроенный браузер LongShot с адресной строкой, в которую нужно ввести URL сайта, страницу которого вам нужно «заскринить». Адрес сайта можно набрать или вставить, предварительно скопировав его в другом приложении. Для открытия страницы нажмите галочку.
- Далее прокрутите страницу сайта в нужное вам место, туда где должен начинаться скриншот и нажмите кнопку «Set start position». Голубая горизонтальная линия обозначит место, откуда будет производиться захват скриншота.
- Дальше скрольте страницу сайта до фрагмента, где нужно завершить длинный скриншот. Ориентируйтесь по горизонтальной розовой линии.
- Нажмите кнопку «End here and capture». В этот момент и будет создан полноценный длинный скриншот с прокруткой веб-страницы.
Ключевые возможности программы:
- Автоматически сшивает несколько скриншотов в один, независимо от того, в каком направлении прокручивалось изображение - по горизонтали или по вертикали;
- выполняет автозахват скриншотов во время скроллинга;
- «плавающие» кнопки захвата изображения облегчают создание серии скриншотов;
- ручной режим сшивки изображений для точной настройки длинного скриншота;
- быстрый захват длинной веб-страницы, только укажите начало и конец и скриншот готов;
- никаких водяных знаков, все функции бесплатны, рекламу можно закрывать.
Длинный скриншот веб-страницы на Android в приложении Scroll Capture
Данное приложение отлично подойдет для того, чтобы сделать длинный скриншот из веб-страницы, развернутой на несколько экранов. Сразу отмечу что приложение очень простое, проще не бывает.
- Найдите и установите приложение Scroll Capture в магазине Google Play.
- Запустите приложение.
- Введите в адресной строке встроенного браузера адрес сайта с длинной веб-страницей, скриншот которой вы хотите сделать.
- Если вы ранее скопировали адрес сайта, приложение автоматически подхватит его и предложит открыть в своем браузере. Не советую отказываться, это еще больше ускорит процесс создания длинного скриншота.
- После открытия страницы нажмите внизу экрана на значок в виде лепестков затвора фотоаппарата. Изображение рабочего стола тут же будет залито фиолетовым оттенком и станет недоступным для ваших «тачей». В центре будет хаотически двигаться фиолетовый указатель в виде малярного валика с ручкой. Странно, почему разработчик выбрал именно этот символ… Так незамысловато отображается процесс сканирования изображения и создания длинного скриншота. Он займет всего несколько мгновений.
- Без каких-либо вопросов и необходимости прокрутки страницы длинный скриншот будет автоматически сохранен в каталог программы. Он создается по умолчанию здесь: -->Pictures>Scroll Capture.
Конечно, помимо двух описанных выше приложений существует десятки других. Сегодня они способны облегчить для вас процесс создания длинного скриншота на любом Android устройстве. Но, по моим наблюдениям LongShot и Scroll Capture являются одними из лучших, особенно для создания скриншота длинной веб-страницы, простирающейся на несколько экранов.
Программа для снятия скриншотов (захвата изображения) всего экрана, отдельных окон и любых их областей.
Она позволяет сделать снимок активного окна или всего экрана на выбор . Также возможен захват окна с последующей его прокруткой . Доступно несложное редактирование (изменение размера рисунка, его поворот / отражение, вырезание фрагментов, изменение глубины цвета и т.д.). Умеет работать с основными форматами графических файлов: *.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 для просмотра созданных скриншотов и любых других изображений:
Захват, то есть, снимок изображения на экране монитора называется скриншотом. О создании скриншота стандартными инструментами ОС Windows читаем урок: ножницы Windows .
Сегодня для просмотра большинства веб-страниц и интерактивных действий в них мы производим скроллинг - прокручиваем содержимое окна колесиком мышки. Как сделать скриншот такой протяженной веб-страницы и рассмотрим в этом уроке.
Примитивным и трудозатратным способом является формирование серии скриншотов по размеру экрана с последовательным ручным прокручиванием страницы. В результате связный контент страницы разбивается на энное количество картинок, объединить которые еще предстоит в каком-нибудь графическом редакторе. Поэтому, для создания цельного скриншота длинной веб-страницы используем специализированные средства.
Стабильно работает и быстро создает скриншот длинной веб-страницы бесплатный онлайн-сервис Web Screenshots. Проходим по адресу: https://goo.gl/sZpCF5 на этот ресурс, вставляем в поле запроса URL захватываемой страницы и нажимаем кнопку "скриншот":
Через некоторое время, в зависимости от длины страницы, производится захват и скриншот появляется в активном окне сервиса. Кликнув в любом месте полученного изображения правой кнопкой мышки, открываем контекстное меню и сохраняем скрин в выбранную директорию:
Сохранив скриншот веб-страницы в файл формата png просматриваем его с прокручиванием, например, в стандартном Paint"е.
Также заслуживает внимания сервис snapito.com . Здесь в поисковое поле копируем адрес захватываемой страницы и нажимаем кнопку "Snap". Настройки позволяют начинать захват с задержкой времени, выбирать размер скриншота:
Выполненный скриншот появляется на этой же странице сервиса. Кликнув правой кнопкой мышки в любом месте изображения открываем контекстное меню и командой "Сохранить картинку как..." сохраняем скрин в выбранную директорию. Сохранение возможно только в формате jpg.
Другим способом онлайн-захвата является установка дополнительного инструмента в браузер. Одно из таких расширений для браузера Google Chrome - FireShot. Находим и добавляем его в обозреватель из интернет-магазина Chrome:
После установки в правом верхнем углу окна браузера появляется значок плагина FireShot, кликнув по которому открываем меню функций дополнения:
В бесплатной версии расширения скриншот можно сохранять в файлы формата: png, jpg, pdf.
Аналогичный бесплатный плагин для браузера Opera в ОС Windows - Capture Webpage Screenshot - FireShot.
А в Firefox"e функция создания скриншота с прокруткой уже встроена в браузер. Для ее активации сочетанием Ctrl+Shift+I откроем панель "Инструменты разработчика" и клавишей F1 перейдем в раздел "Параметры". В левой части панели в подразделе "Дополнительные кнопки инструментов" активируем функцию "Сделать скриншот всей страницы":
После этого на панели "Инструменты разработчика" появляется значок в виде камеры, кликом по которому можно сделать цельный скриншот текущей веб-страницы:
Открыв журнал загрузок в браузере найдем файл сохраненного скриншота:
Кроме онлайн-сервисов и плагинов для различных браузеров, разработано немало десктопных приложений для захвата веб-страниц с прокруткой.
FastStone Capture - популярная многофункциональная программа для создания скриншотов и записи действий на экране. Бесплатный пробный период составляет 30 дней. Удобная, с лаконичным интерфейсом, легкая в освоении прога:
Захватив страницу, программа открывает ее в редакторе, где скрин можно просматривать, дополнять надписями, водяными знаками, картинками и сохранять его в нужном формате (bmp, gif, jpg, pcx, png, tga, tif, pdf).
Таким образом, сравнив инструменты для захвата длинной веб-страницы подбираем для себя оптимальный вариант.
