Как сделать снимок экрана на компе с прокруткой страницы. Как сделать длинный скриншот с прокруткой экрана на любом Android смартфоне Плагин для скриншота всей страницы
Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.
Мы разберем как сделать полный скриншот вашего веб сайта целиком и параллельно разберем сервисы, программы и инструменты для создания скриншотов ваших сайтов.
Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.
Как сделать скриншот сайта целиком онлайн?
Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 для хрома. Им я просто нереально доволен.
Скриншотим страницу полностью
Только рассказал в предыдущей статье об и понял, что нужен ещё такой скриншотер, который бы делал снимок страницы сайта полностью (включая то, что видно только при прокрутке). Даже не думал, что темы скриншотов хватит на 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, в , себе на ПК или распечатать.
С помощью этого дополнения можно сделать скриншот не только содержимого браузера, но и всего окна. А также записать видео (выберите «Запись видео» ). Я был удивлён, но видео и правда записывается, и вполне неплохо.
А ещё можно редактировать любые картинки или рисовать что-нибудь — для этого надо установить сначала это , а затем в меню расширения следует выбрать «Чистый лист» :
В одном из своих постов я писал про Google Chrome плагин для создания и редактирования скриншотов . Он предоставляет достаточно много инструментов для обработки снимков. Но, как известно больший функционал потребляет больше ресурсов компьютера. Что если все эти инструменты не нужны и перед пользователем стоит всего одна конкретная задача: например, сделать скриншот всей страницы сайта целиком или какой-то отдельной ее части? Устанавливать тяжелое расширение в Google Chrome смысла нет, особенно на слабом ПК.
Есть оптимальный вариант:
FireShot – быстрое создание снимков экрана (скриншотов)
FireShot (урезанная версия) – плагин, который позволит быстро сделать снимок страницы сайта в браузере Google Chrome .
Установка плагина
Установку плагина можно осуществить из интернет-магазина Хрома, перейдя по ссылке:
На открывшейся странице следует нажать «+бесплатно» и подтвердить новое расширение.
После чего в правом верхнем углу браузера вас уведомят об успешной установке FireShot.
При нажатии на значок расширения откроется меню.
Доступно 3 опции:
Захватить всю страницу – скриншот всей страницы сайта , включая прокрутку.
Захватить видимую область – скриншот только той области, которую вы видите в данный момент, без скролла.
Захватить регион – снимок выделенной части экрана .
Обратите внимание, что справа от каждой опции отображается соответствующая комбинация клавиш. Как видите, они очень неудобные. 4 кнопки – слишком много. Поэтому следует зайти в настройки и прописать свои горячие клавиши, которые будут вам удобны. Главное, чтобы они не совпадали со стандартными горячими клавишами Google Chrome, во избежание конфликта.
Так же в настройках можно выбрать один из двух форматов скриншотов по умолчанию: JPG и PNG.
Как я уже упомянул, это урезанная версия, предоставляющая лишь минимальный функционал. На странице сохранения скриншота есть ссылка, перейдя по которой можно сделать апгрейд до PRO версии, в которой доступно значительно больше возможностей.
Я много раз видел в интернете изображения на которых был виден весь сайт от начала до конца. Необходимость в такой картинке возникает тогда, когда необходимо визуально оценить как будет выглядеть Ваш сайт или отдельная его страница полностью. Но стандартные встроенные средства операционной системы, в частности функция клавиши «Prt Scr
» копирует в буфер обмена лишь видимую часть, либо весь экран, либо активное окно (комбинация «Alt+Prt Scr
«).
Сни́мок экра́на (скри́ншот, скрин или скриншо́т, англ. screenshot) - изображение, полученное компьютером и показывающее в точности то, что видит пользователь на экране монитора или другого визуального устройства вывода. Обычно это цифровое изображение получается операционной системой или другой программой по команде пользователя.
Простейший способ получения снимка экрана для операционных систем Microsoft Windows - использование клавиши PrtScr (для всего экрана) или сочетания клавиш Alt + PrtScr (для текущего окна) на клавиатуре. При этом снимок копируется в буфер обмена операционной системы и может быть затем вставлен и при необходимости отредактирован в любом графическом редакторе, например, в Paint, входящем в стандартный набор приложений Windows. Кроме того, в большинстве случаев, снимок может быть вставлен в текстовый процессор, например Microsoft Word или OpenOffice.org Writer.
(материал из Википедии )
Для того, чтобы изображение всей страницы, какая бы она большая не была, было на одном рисунке (в одном файле) необходимо воспользоваться следующими рекомендациями.
Как сделать скриншот всего сайта
Все проще, чем кажется. Я нашел два бесплатных решения:
Рассмотрим оба варианта.
ScreenPage.ru — сервис снимков (скриншотов) веб-страниц «в полный рост»
Лаконичный дизайн. Все настолько просто и понятно, что и описывать нечего.
Для того чтобы сделать скриншот всей страницы сайта заходим на http://screenpage.ru/ и вводим необходимый нам адрес, потом адрес электронной почты и нажмимаем кнопку «сделать снимок». И через несколько секунд или минут (время зависит от длины очереди и загруженности сервера) будет создана картинка-снимок этой страницы, даже если она занимает несколько экранов по высоте. Далее на экране появится ссылка на скриншот, перейдя по которой мы сможете его посмотреть или скачать. Также скриншот придёт к вам на email котрый Вы указали.
Дополнение к браузеру FireFox — ScreenGrab
Дополнение Screengrab! сохраняет web страницы как изображения. Созданное изображение можно скопировать в буфер обмена или сохранить в файл. Формат имени файла можно гибко настроить по своему желанию. Кнопку в панели меню дополнений браузера можно настроить для разных действий. У меня по-умолчанию изображение всего сайта копируется в буфер обмена.
Скачать (установить) дополнение можно по адресу https://addons.mozilla.org/ru/firefox/addon/screengrab-fix-version/ , либо посетив сайт автора Александра Попова
Впечатления от использования
Оба предложенных варианта имеют свои преимущества. ScreenPage.ru
— делает Вас платформо-независимым. Вы заходите на он-лайн сервис любым удобным для вас способом (с компьютера, планшета, телефона) и в любое удобное для вас время, делаете скриншот и получаете его по почте.
Дополнение Screengrab
позволяет делать скриншот того, что видите именно Вы в настоящий момент. Ведь при следующем посещении картинка может быть иная. Иными словами, увидел что-то интересное — мгновенно, нажатием одной кнопки, сделал копию экрана.
