Разбираемся, как сделать длинный скриншот всей страницы без дополнительных программ и установки браузерных расширений.
Скриншот видимой части экрана сделать просто — можно использовать привычную клавишу Print Screen или специально установить программу создания скриншотов, например Lightshot.
Но если нужно сделать снимок лендинга или макета, который имеет несколько экранов прокрутки, то могут возникнуть сложности — придется подгонять размеры файлов и склеивать разные фрагменты между собой.
Проще всего сделать один длинный скриншот, используя бесплатный внутренний инструмент браузера Google Chrome. Никаких программ и расширений дополнительно ставить не потребуется.
- Открываем нужную страницу в браузере Chrome и запускаем консоль разработчика клавишами Ctrl + Shift + I.
- На втором шаге вызываем инструмент Run Command сочетанием клавиш Ctrl + Shift + P.
- В строке фильтра вводим screen…, и выбираем из списка Capture full size screenshot. Браузер сделает скриншот целой страницы и скачает его в формате PNG.
Фишки скриншотов на iPhone
Чтобы заскриншотить адаптивную верстку нужно нажать на иконку в левом верхнем углу Toggle device toolbar, или использовать сочетание Ctrl + Shift + M. Появится панель, где можно выбрать нужное устройство или указать размер экрана самостоятельно.
Прекрасный способ, чтобы без лишних расширений создавать качественные снимки экранов с прокруткой, а не штамповать несколько разных скриншотов и не тратить время на их склеивание.
Что важного в диджитал на этой неделе?
Каждую субботу я отправляю письмо с новостями, ссылками на исследования и статьи, чтобы вы не пропустили ничего важного в интернет-маркетинге за неделю.
Статьи по теме:
- Как настроить виртуальную АТС в Callibri
- Как выбрать подрядчика на разработку сайта: список критериев для оценки команды
- Как отключить слежение Google Analytics за пользователем. Используем простое расширение для блокировки кода отслеживания
- Как настроить отслеживание поиска по сайту на основе метода POST
- Как настроить отслеживание конверсий в Google Реклама с помощью Google Tag Manager
Автор */ Константин Булгаков —> Опубликовано 11/12/2022 20/02/2023 Рубрики Материалы, Практикум
Источник: konstantinbulgakov.com
Как сделать длинный скриншот
Скриншот – это быстрый и простой способ поделиться с другими пользователями содержимым экрана компьютера или статьей из интернета. Иногда все содержимое не помещается на одном экране или в окне браузера. Рассмотрим, как сделать длинный скриншот, чтобы захватить всю нужную информацию.
Как сделать длинный скриншот на телефоне
Способы создания больших скриншотов
Проблема создания длинных снимков давно актуальна, поэтому есть много способов сделать это. Онлайн-сервисы, расширения браузеров, ПО для захвата изображения и видео с экрана – любой из этих инструментов выполнит задачу в течение минуты.
Способ 1. Онлайн-сервисы
Бесплатные генераторы полноразмерных скриншотов интернет-страниц не требуют установки и работают по одному принципу. Достаточно указать ссылку на страницу сайта, и они сконвертируют ее в JPEG, PDF, PNG или другой формат. На примере простого сервиса Web Capture это делается так:
- Заходим на сайт web-capture.net. Слева вставляем ссылку на страницу, справа выбираем формат будущего файла и нажимаем «Сгенерировать скриншот веб-страницы».
- Когда сервис завершит обработку, он покажет фрагмент снимка, а также предложит скачать или просмотреть файл.
Интересно. Если обработка ссылки затянулась, можно указать адрес электронной почты и сервис сообщит, когда скриншот будет готов.
Способ 2. Расширения для браузеров
Возможности большинства онлайн-сервисов сильно ограничены, в то время как браузерные расширения предлагают более гибкие настройки и широкий функционал. На примере Nimbus Screenshot https://xn--e1affnfjebo2dvb.xn--p1ai/kak-sdelat-dlinnyj-skrinshot» target=»_blank»]xn--e1affnfjebo2dvb.xn--p1ai[/mask_link]
Как сделать скриншот длинной страницы
Иногда в процессе работы за компьютером нам необходимо «сфотографировать» какое-то событие, происходящее на экране нашего монитора. Например, какая-то программа выдала ошибку, или какое-то уведомление, с которой самостоятельно разобраться невозможно, но решить эту проблему надо. Здесь нам и пригодится возможность «сфотографировать» то, что вы видите на мониторе — сделать так называемый «скриншот» видимой области монитора, или сокращённо — «скрин». Для этого необходимо нажать клавишу «Print Screen» (иногда название на ней пишется сокращённо, например, «РrtScrn»), в основном она расположена либо справа от клавиши F12, либо чуть ниже. Её расположение вы можете посмотреть на рисунках ниже.
Изображение будет помещено в буфер обмена, и чтобы сообщить разработчикам программы (или в службу технической поддержки) об ошибке, вы можете вставить его в письмо или другой документ (например, в MS Word, Excel или PowerPoint) и отправить им для того, чтобы они разобрались, почему произошла та или иная ошибка, и дали рекомендации по её устранению. Если же вы хотите сохранить скриншот на свой компьютер, то необходимо открыть любой графический редактор (самый простой — встроенный в Windows Paint), вставить его туда (либо через меню «Правка» — «Вставить», либо простой комбинацией клавиш «Ctrl» + «V» в английской раскладке клавиатуры) и сохранить в любом удобном месте на вашем компьютере или на съёмных носителях информации.
Если вам необходимо сделать скрин не всего того, что происходит на мониторе, а только какое-то отдельное окно папки или программы, то нужно сделать активным это окно, а затем нажать на клавиатуре комбинацию клавиш «Alt» + «Print Screen».
В целом, скриншоты нужны в тех случаях, когда проще показать или отправить собеседнику скриншот происходящего на экране, чем долгое время объяснять это или перепечатывать в текст письма вручную.
Но что делать, если вам нужен скриншот какой-либо страницы, которая по вертикали не умещается в размер монитора? Например, вам необходимо сохранить в виде изображения длинную страницу размером в пять-шесть вертикальных длин вашего монитора, согласно вашей вертикальной полосе прокрутки.
Существует несколько способов сделать это.
1. Самый простой, не требующий установки никаких программ, и в то же время самый затратный по времени, и не очень качественный способ — это сделать последовательно несколько скриншотов друг за другом, каждый раз прокручивая страницу на один экран вниз, и параллельно вставлять получаемые картинки друг за другом, например, в Word или Excel. Недостатком этого способа является продолжительность его по времени, получение нецелой картинки и необходимость подгонять друг к другу края предыдущего и следующего изображения. Применять этот способ можно только в тех случаях, когда вы торопитесь и вам неважно качество итогового результата. В этом случае вы не получите целого, единого изображения.
2. Использование онлайн-сервисов создания скриншотов любых страниц сайтов. Для примера попробуем получить скрин одной из страниц моего сайта «Компьютер с умом», на которой я рассказываю об увеличении размера текста (откроется в новом окне): Как увеличить размер текста
На моём рабочем мониторе эта страница занимает четыре вертикальных размера экрана. Существует замечательный онлайн-сервис, который легко справляются с поставленной задачей, выдавая в результате полноценные скриншоты длинных страниц. Предлагаю ознакомиться с ним и использовать его в дальнейшем, если он вам понравится.
Пройдя по ссылке выше, вы попадаете на простенькую страницу, на которой надо указать адрес той страницы сайта, с которой мы хотим получить полноразмерный скриншот. Копируем его из адресной строки браузера (или прямо из этой статьи) и указываем на этом сайте нашу страницу для теста: https://kompum.ru/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 — отправить картинку на принтер для печати.