Урок: скриншот с прокруткой. Как сделать снимок экрана на компе с прокруткой страницы Как делать скриншот всей страницы с прокруткой
Сегодня я предлагаю вам рассмотреть очень интересную задачу - как снять с экрана 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 являются одними из лучших, особенно для создания скриншота длинной веб-страницы, простирающейся на несколько экранов.
Приветствуем вас! Сделать снимок экрана компа довольно просто с помощью сочетаний клавиш по умолчанию. Но бывают случаи, когда вам необходимо сделать скрин экрана всей страницы, но вы не просто хотите одну небольшую часть страницы, а нужна вся веб-страница — или, по крайней мере, более одной ее части. Как сделать снимок экрана на компе с прокруткой страницы? Мы пробовали много инструментов и методов, но только некоторые из них работают. Вот об этом мы сегодня и поговорим, а также мы укажем на плюсы и минусы каждого метода. Ну что поехали?
1 Захват окна прокрутки или всей страницы с помощью Snagit
Мы длительное время были поклонниками Snagit. Это мощное приложение для захвата и редактирования экрана, которое позволяет вам делать практически все, что связано с скриншотами. Вместе с Camtasia (программное обеспечение для записи экрана и редактирования видео), это отличные продукты от TechSmith.
Обратите внимание: Snagit не является бесплатным, но у него есть 15-дневная бесплатная пробная версия. Чтобы сделать полный снимок экрана страницы, выполните следующие действия (мы будем использовать Snagit для Windows в качестве примера).
Шаг 1. Скачайте Snagit и установите его на свой компьютер. Откройте главное окно захвата. В разделе «Image (изображение)»> «Selection (выбор)» убедитесь, что вы выбрали «Scrolling Window (окно прокрутки)». Нажмите красную кнопку «Capture» для продолжения.
Шаг 2. Идем на страницу, с которой вы хотите снять скриншот, затем переместите курсор в эту область. Теперь Snagit будет активирован, и вы увидите три кнопки с изображением желтой стрелки.
Нижняя стрелка представляет «Захват вертикальной области прокрутки», стрелка вправо представляет «Захват горизонтальной области прокрутки», а стрелка в правом нижнем углу — «Захват всей прокручивающейся области». Мы будем использовать кнопку «Захват вертикальной области прокрутки».
Шаг 3. Теперь Snagit автоматически прокручивает страницу и захватывает части экрана. Вскоре появится окно панели редактора Snagit со снимком, который он только что сделал.
Плюсы:
Минусы:
2 Онлайн сервис Web-Capture.Net
Это онлайн-сервис для скриншотов веб-сайта. Шлепаем на Web-Capture, копируем URL-адрес веб-страницы, которую хотите снять с экрана, и вставляете ее здесь (см. Ниже). Вы также можете выбрать формат файла для экспорта. Нажмите «Enter» на клавиатуре, чтобы продолжить или «Захват веб-страницы».
Ждем. Нам потребовалось около двух минут, прежде чем мы увидели сообщение: «Ваша ссылка обработана! Вы можете скачать файл или ZIP-архив. Теперь вы можете скачать скриншот.
Плюсы:
Минусы:
3 Способ с помощью команд по умолчанию
Уменьшите страницу и используйте команды по умолчанию. Это быстрое решение, если страница выходит за пределы видимой области вашего экрана. Увеличьте масштаб до тех пор, пока он не встанет на экран, а затем используйте команды по умолчанию для захвата полного скриншота.
То есть — в Windows, нажмите «Print Screen» на клавиатуре. Он сохранит скриншот в буфер обмена, поэтому вам придется открыть графический редактор и вставить скриншот в новый файл.
4 Снимок экрана с помощью программы PicPick
Существует множество бесплатных утилит для скриншотов, как бесплатных, так и платных. Большинство из них трудны в установке и работу выполняют не так как нам хотелось бы. Мы выбрали PicPick, как одну из лучших доступных программ. Он бесплатный, доступный для Windows, XP и более поздних версий, с полным набором различных функций.
Шаг 1. Загружаем и устанавливаем PicPick. Простой мастер установки проведет вас через весь процесс установки, от установки файлов до создания ярлыка на рабочем столе.
Шаг 2. После открытия выберите тип выделения из списка, размещенного в разделе «Захват экрана» в нижнем левом углу главного окна программы.
Как инструмент Snipping, есть опции для скриншотов в свободной форме, прямоугольных, оконных и полноэкранных снимках, а также параметры окна фиксированной области и прокрутки для большего контроля при захвате удлиненных изображений.
Шаг 3. Сохраните снимок экрана. Выполните любые изменения, которые вы хотите, например, обрезку и наложение фильтров, и щелкните по главному файлу в верхнем левом углу.
Затем выберите «Сохранить как», запишите новый файл, выберите место сохранения и выбираем необходимый формат файла в раскрывающемся меню. На выбор можно выбрать множество форматов, включая JPG, PNG, GIF или PDF. После завершения жмем на кнопку «Сохранить» в правом нижнем углу.
Плюсы:
Минусов нет. Ну мы по крайней мере не нашли)).
Заключение
Мы рассказали вам о четырех методах сделать скриншоты для полной или прокручиваемой веб-страницы. Как мы уже говорили, у разных методов есть свои преимущества и недостатки, поэтому обязательно выберите тот, который оптимальным образом соответствует вашим потребностям.
Если у вас есть долгосрочные потребности в скриншотах, мы настоятельно рекомендуем Snagit, так как это более мощный и удобный способ, хотя вам придется потратить кое-какое время на ознакомление с приложением или бесплатную программу PicPick. Если у вас есть какие-либо вопросы или предложения, не стесняйтесь оставлять комментарии ниже. А у нас на этом все. Всем пока!
С уважением Вячеслав и Валерия!
В одном из своих постов я писал про Google Chrome плагин для создания и редактирования скриншотов . Он предоставляет достаточно много инструментов для обработки снимков. Но, как известно больший функционал потребляет больше ресурсов компьютера. Что если все эти инструменты не нужны и перед пользователем стоит всего одна конкретная задача: например, сделать скриншот всей страницы сайта целиком или какой-то отдельной ее части? Устанавливать тяжелое расширение в Google Chrome смысла нет, особенно на слабом ПК.
Есть оптимальный вариант:
FireShot – быстрое создание снимков экрана (скриншотов)
FireShot (урезанная версия) – плагин, который позволит быстро сделать снимок страницы сайта в браузере Google Chrome .
Установка плагина
Установку плагина можно осуществить из интернет-магазина Хрома, перейдя по ссылке:
На открывшейся странице следует нажать «+бесплатно» и подтвердить новое расширение.
После чего в правом верхнем углу браузера вас уведомят об успешной установке FireShot.
При нажатии на значок расширения откроется меню.
Доступно 3 опции:
Захватить всю страницу – скриншот всей страницы сайта , включая прокрутку.
Захватить видимую область – скриншот только той области, которую вы видите в данный момент, без скролла.
Захватить регион – снимок выделенной части экрана .
Обратите внимание, что справа от каждой опции отображается соответствующая комбинация клавиш. Как видите, они очень неудобные. 4 кнопки – слишком много. Поэтому следует зайти в настройки и прописать свои горячие клавиши, которые будут вам удобны. Главное, чтобы они не совпадали со стандартными горячими клавишами Google Chrome, во избежание конфликта.
Так же в настройках можно выбрать один из двух форматов скриншотов по умолчанию: JPG и PNG.
Как я уже упомянул, это урезанная версия, предоставляющая лишь минимальный функционал. На странице сохранения скриншота есть ссылка, перейдя по которой можно сделать апгрейд до PRO версии, в которой доступно значительно больше возможностей.
Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.
Мы разберем как сделать полный скриншот вашего веб сайта целиком и параллельно разберем сервисы, программы и инструменты для создания скриншотов ваших сайтов.
Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.
Как сделать скриншот сайта целиком онлайн?
Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 – программа, позволяющая делать скриншоты полностью или в виде превью. Ее основным преимуществом является работа с командной строкой, которая позволяет автоматизировать процесс снятия копий сайта с экрана.
– безусловно, одна из лучших программ для захвата изображения сайта со всеми параметрами, которые вам необходимы. Интеграция с FireFox, можно заменить стандартную команду в Windows. Она платная, стоит 39 баксов, есть демо версия, чтобы попробовать бесплатно. На торрентах, я так думаю, найти можно и бесплатную версию.FastStone Capture – мощная утилита для создания скриншотов сайтов целиком с плавающей панелью управления. Можно делать разные по форме снимки.
Paparazzi! – небольшое приложение для операционной системы Mac OS X с функциями делания снимков с экрана.
Инструменты создания скриншотов онлайн
– простой онлайн инструмент по такому же типу, как я описывал в самом начале статьи. Просто вставляете ссылку и нажимаете на Thumb It. Неудобство в том, что оставляет свой копирайт на снимке.На этом у меня все. Я думаю, что список получился хороший. У вас есть, что выбрать. Если будете спрашивать какой лучше, то тут отвечу – только методом проб и тестирования. Еще раз повторюсь, что лично я пользуюсь LightShot для хрома. Им я просто нереально доволен.
Иногда в процессе работы за компьютером нам необходимо «сфотографировать» какое-то событие, происходящее на экране нашего монитора. Например, какая-то программа выдала ошибку, или какое-то уведомление, с которой самостоятельно разобраться невозможно, но решить эту проблему надо. Здесь нам и пригодится возможность «сфотографировать» то, что вы видите на мониторе — сделать так называемый «скриншот» видимой области монитора, или сокращённо — «скрин». Для этого необходимо нажать клавишу «Print Screen» (иногда название на ней пишется сокращённо, например, «РrtScrn»), в основном она расположена либо справа от клавиши F12, либо чуть ниже. Её расположение вы можете посмотреть на рисунках ниже.
Изображение будет помещено в буфер обмена, и чтобы сообщить разработчикам программы (или в службу технической поддержки) об ошибке, вы можете вставить его в письмо или другой документ (например, в MS Word, Excel или PowerPoint) и отправить им для того, чтобы они разобрались, почему произошла та или иная ошибка, и дали рекомендации по её устранению. Если же вы хотите сохранить скриншот на свой компьютер, то необходимо открыть любой графический редактор (самый простой — встроенный в Windows Paint), вставить его туда (либо через меню «Правка» — «Вставить», либо простой комбинацией клавиш «Ctrl» + «V» в английской раскладке клавиатуры) и сохранить в любом удобном месте на вашем компьютере или на съёмных носителях информации.
Если вам необходимо сделать скрин не всего того, что происходит на мониторе, а только какое-то отдельное окно папки или программы, то нужно сделать активным это окно, а затем нажать на клавиатуре комбинацию клавиш «Alt» + «Print Screen».
В целом, скриншоты нужны в тех случаях, когда проще показать или отправить собеседнику скриншот происходящего на экране, чем долгое время объяснять это или перепечатывать в текст письма вручную.
Но что делать, если вам нужен скриншот какой-либо страницы, которая по вертикали не умещается в размер монитора? Например, вам необходимо сохранить в виде изображения длинную страницу размером в пять-шесть вертикальных длин вашего монитора, согласно вашей вертикальной полосе прокрутки.
Существует несколько способов сделать это.
1. Самый простой, не требующий установки никаких программ, и в то же время самый затратный по времени, и не очень качественный способ — это сделать последовательно несколько скриншотов друг за другом, каждый раз прокручивая страницу на один экран вниз, и параллельно вставлять получаемые картинки друг за другом, например, в Word или Excel. Недостатком этого способа является продолжительность его по времени, получение нецелой картинки и необходимость подгонять друг к другу края предыдущего и следующего изображения. Применять этот способ можно только в тех случаях, когда вы торопитесь и вам неважно качество итогового результата. В этом случае вы не получите целого, единого изображения.
2. Использование онлайн-сервисов создания скриншотов любых страниц сайтов. Для примера попробуем получить скрин одной из страниц моего сайта «Компьютер с умом», на которой я рассказываю об увеличении размера текста (откроется в новом окне):
На моём рабочем мониторе эта страница занимает четыре вертикальных размера экрана. Существует замечательный онлайн-сервис, который легко справляются с поставленной задачей, выдавая в результате полноценные скриншоты длинных страниц. Предлагаю ознакомиться с ним и использовать его в дальнейшем, если он вам понравится.
Пройдя по ссылке выше, вы попадаете на простенькую страницу, на которой надо указать адрес той страницы сайта, с которой мы хотим получить полноразмерный скриншот. Копируем его из адресной строки браузера (или прямо из этой статьи) и указываем на этом сайте нашу страницу для теста: https://сайт/sovetyi/kak-uvelichit-razmer-teksta .
Нажимаем кнопку «Capture Screenshot» и ждём, пока сайт сгенерирует изображение (прогресс дойдёт до 100%). Обычно это занимает от нескольких секунд до пары минут, в зависимости от вертикальной длины страницы.
Нажимаем на кнопку «Download Image» («скачать изображение»), и начинается автоматическое скачивание скриншота полученной страницы.
Открываем полученное изображение и убеждаемся, что сервис сработал отлично, скриншот длинной страницы получен и сохранён в виде картинки для дальнейшей работы.
Разумеется, существует достаточно большое количество онлайн-сервисов, которые позволяют сделать то же самое, что и Web Screenshots, но некоторые из них достаточно сложны в освоении, некоторые требуют регистрации, чтобы получить необходимое изображение, поэтому я рекомендую вам то, чем пользуюсь сам.
3. Если вы используете браузер Google Chrome, то задача упрощается. В этом случае необходимо найти и установить расширение для Google Chrome, которое называется Awesome Screenshot. Для этого достаточно ввести в поисковый запрос поисковых систем Гугла или Яндекса следующую строчку «Awesome Screenshot для Google Chrome» (можете скопировать прямо отсюда), и по первым ссылкам поисковой выдачи перейти на сайт установки расширений для этого браузера.
Яндекс:
Google:
После перехода на сайт установки расширения нажимаем кнопку «+ Бесплатно» и устанавливаем его в ваш браузер:
Подтверждаем установку расширения нажатием на кнопку «Добавить»:
В результате сверху в вашем браузере Google Chrome появится иконка установленного расширения:
Разберём основные возможности этого расширения. Щёлкаем мышкой на этом значке и открываем его меню:
Кратко по основным пунктам этого меню:
- Capture visible part of page — сделать скриншот видимой на экране части страницы
- Capture selected area — сделать скриншот выделенной области (очень удобная опция). После нажатия на эту опцию вы сможете выделить мышкой любой участок на экране монитора и получить изображение этой области.
Тем не менее, для наших первоначальных целей (создания скриншота длинной страницы) необходимо зайти нужную страницу в интернете и выбрать пункт меню «Capture entire page » («сделать скриншот целой страницы»).
Расширение само прокрутит страницу до конца вниз и перенаправил вас на новую страницу, где надо можно будет отредактировать сделанный скриншот, либо просто можно нажать сверху кнопку «Done»
Наш скриншот готов, осталось лишь справа выбрать дальнейшие действия с ним:
- Save — сохранить картинку в графическом формате файла;
- Copy — скопировать его в буфер обмена;
- Print — отправить картинку на принтер для печати.
Мы с вами сохраним его в виде картинки, поэтому выбираем «Save»
Указываем место на вашем компьютере, куда сохранить полученный файл, и заканчиваем работу с расширением.
Надеюсь, эта статья была для вас полезной. Если у вас будут какие-то вопросы по работе указанных в статье способов — спрашивайте в комментариях.
Навигация записи