Как сделать скрин длинного сайта

Image viewer dialog window

Loading image, please wait.

Как сделать скриншот всей страницы в браузере?

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

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

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

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

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

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

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

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

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

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

Для браузера Opera доступно несколько таких расширений, например:

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

После установки одного из этих расширений вы можете сделать скриншот всей страницы, просто нажав на соответствующую иконку справа от адресной строки.

А какой способ используете вы, чтобы сделать скриншот страницы целиком?

Источник

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

Рассмотрим способы создания скриншота страницы сайта целиком в браузерах Chrome и FireFox. В некоторых случаях можно обойтись встроенными инструментами, в других — придется установить расширение или плагин.

Снимок сайта в Google Chrome

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

В последних версиях «Chrome» появился встроенный функционал для создания скриншота всей страницы целиком.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

«Capture screenshot» — сделает снимок видимой части страницы.

Плагин «Monosnap»

Это расширение для Google Chrome также предоставляет удобный функционал для создания скриншотов целых страниц сайтов или их отдельных частей.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Скриншот страницы в FireFox

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

В новых версиях «FireFox» также появилась возможность быстрого создания снимка полной страницы.

Выбираем тип снимка — часть страницы или полностью.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Дополнение FireShot

Для старых версий браузера можно использовать специальное расширение «FireShot».

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Кроме сохранения в формате изображения, плагин позволяет импортировать результат в PDF или распечатать.

Источник

Как сделать полноразмерный скриншот веб-страницы в Google Chrome

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

В данной статье показаны действия, с помощью которых можно сделать полноразмерный скриншот всей веб-страницы в браузере Google Chrome без использования расширений.

Google Chrome имеет скрытую функцию, спрятанную внутри инструментов разработчика, которая позволяет делать полноразмерные скриншоты любой веб-страницы. Эта функция захватывает всю страницу, подобно скриншоту с прокруткой, без использования стороннего расширения.

С помощью Дополнительных инструментов браузера

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Затем в открывшемся окне выберите команду Screenshot Capture full size screenshot

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

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

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

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Используя расширение из интернет-магазина Chrome

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Нажмите кнопку Установить → в открывшемся окне подтвердите установку.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

По завершении в отдельном окне будет открыт скриншот и предложено сохранить изображение в формате PDF, PNG или удалить его.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

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

Источник

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

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Часто при просмотре сайта может потребоваться сделать его скриншот. При этом, не отдельной области на экране, а скриншот всей страницы сайта — статьи, товара в интернет-магазине, инструкции и так далее. Можно сделать несколько небольшим скриншотами, используя стандартные средства Windows для их создания, но гораздо проще воспользоваться специализированными инструментами.

Как сделать скриншот страницы сайта средствами Google Chrome

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

Чтобы сделать скрин всей страницы сайта, нажмите на нужной странице сайта на клавиатуре сочетание Ctrl+Shift+I.

Справа появится административная консоль. Нажмите на три точки в правом верхнем углу, чтобы появилось меню. Нужно выбрать “Run Command”, чтобы перейти к списку доступных для выполнения команд.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Откроется меню с командами. Нужно ввести в поиске “screenshot”, чтобы провести сортировку по слову screenshot доступных команд. Отобразится несколько команд:

В данном случае нужно выбрать “Capture full size screenshot”, после чего скриншот сразу будет сделан и сохранен в папке для загрузки по умолчанию.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Как сделать скриншот страницы сайта с помощью расширений

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

Если требуется сделать скриншот всей страницы сайта, чтобы отправить его кому-нибудь в виде ссылки, максимально удобно для этого приложение Joxi. Оно может использоваться как для скриншота области экрана, так и для создания скриншотов страницы сайта целиком.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Чтобы начать пользоваться программой, нужно в магазине расширений Google Chrome найти расширение Joxi, после чего установить его. Далее потребуется зарегистрироваться в сервисе. После регистрации и авторизации, достаточно нажать на значок Joxi на панели инструментов Chrome, после чего выбрать пункт “Страница целиком”, чтобы сделать скриншот всей страницы.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Плюсы: После создания скриншота, программа сразу дает ссылку на него. Кроме того, скриншот сразу открывается в редакторе Joxi, где можно внести необходимые изменения, например, написать текст, нарисовать стрелки и так далее, после чего отправить ссылку на этот скриншот.

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

Full Page Screen Capture

Еще одно расширение для браузера Google Chrome, которое предназначено только для создания скриншотов экрана. Чтобы начать пользоваться расширением, нужно его скачать из магазина приложение Google Chrome, где оно распространяется бесплатно.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

После установки расширения, достаточно на нужной странице сайта нажать на значок расширения на панели инструментов Google Chrome, после чего сразу начнется создание скриншота.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Когда скриншот будет создан, откроется страница, где можно скачать скриншот в формате png или pdf.

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Плюсы: Очень просто работает — достаточно нажать одну кнопку, чтобы начал делаться скриншот всей страницы сайта. Также к плюсам можно отнести возможность скачать полученное изображение в двух форматов. Кроме того, расширение хранит историю сделанных скриншотов.

Минусы: Нет возможности сразу получить ссылку на скриншот, как это реализовано в Joxi. Помимо этого, у данного расширения отсутствует собственный редактор, даже минимальный.

Источник

Как сделать длинный скриншот на компьютере или смартфоне

При создании скринов на телефоне или ПК иногда возникает необходимость заснять скрытые области, например, если нужно захватить на фото переписку в чате или веб-страницу. Для этого требуется создать длинный скриншот — снимок, на котором отображаются элементы, скрытые за пределами экрана. Рассказываем, как сделать длинный скриншот на Windows, MacOS и смартфонах.

Как сделать длинный скриншот с прокруткой
на компьютере с Windows

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

Как сделать скрин длинного сайта. Смотреть фото Как сделать скрин длинного сайта. Смотреть картинку Как сделать скрин длинного сайта. Картинка про Как сделать скрин длинного сайта. Фото Как сделать скрин длинного сайта

Пользователям, которые хотят отредактировать скрин во время создания, подойдет скриншотер ФотоСКРИН. Он позволяет захватывать любую область монитора, накладывать надписи, стрелки, списки и другое. Если же вам нужно сфотографировать области за пределом экрана, потребуется установить специальный софт для длинного скринкаста.

PicPick

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

Скриншотер и фоторедактор PicPick

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

ShareX

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

Софт начнет автоматически прокручивать страницу. Когда скроллинг закончится, скрин откроется во внутреннем редакторе. Также процесс можно остановить нажатием клавиши Esc.

Как сделать длинный скрин на Макбуке

Пользователям макбука для достижения цели придется воспользоваться сторонними средствами.

Paparazzi!

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

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

Расширение Google Chrome

Плагины — наиболее универсальный способ, если вам требуется экспортировать как картинку веб-страницу в браузере. Одним из самых популярных является плагин для Chrome под названием Nimbus Screenshot & Screen Video Recorder. Это также хороший вариант для ПК и ноутбуке с Windows, так как расширение можно установить в Mozilla, Opera или Яндекс.Браузер.

Расширение Nimbus для Google Chrome

Как сделать длинный скриншот на Андроиде

Сделать скриншот экрана на телефоне с Android не составит проблемы, так как он предлагает большой выбор встроенных и сторонних инструментов.

Встроенными средствами

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

Создание длинного скриншота на Samsung Galaxy, Honor и Redmi

Через сторонние приложения

Предыдущий способ доступен только на последних прошивках операционной системы Android. Если вы не знаете, как сделать длинный скриншот на андроид устаревших версий, в магазине Google Store можно найти сторонние инструменты.

Создание изображения с помощью LongShot

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

Как получить скриншот всей страницы сайта на Айфоне

В отличие от Андроида, на мобильных устройствах от Apple сущесвует не так много способов скриншотинга. Рассмотрим, как сделать длинный скриншот на айфоне, если вам потребовалось сфотографировать веб-страницу.

Через системные функции

Раньше заскринить длинную страницу на айфоне можно было только через функцию «Сохранить в PDF». Однако в iOS 13 была добавлена новая функция, которая позволяет скроллить сайты и документы, если вы просматриваете их в Safari.

Создание скролшота на iPhone

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

Через специальный софт

Давайте разберемся, как заскринить экран Айфона, например, если требуется сфотографировать всю переписку в чате. В этом случае на помощь придет программа Tailor. С ее помощью можно склеивать несколько изображений в один вертикальный коллаж.

Склеивание фотографий в Tailor

Бесплатная версия Tailor накладывает на экспортированный снимок водяной знак.

Где найти длинные скриншоты после сохранения

То, куда сохраняются созданные фотоснимки, зависит от модели телефона и используемого способа.

Подводя итог

В этой статье мы поделились несколькими способами, как сделать длинный скриншот на компьютере, MacOS и мобильных устройствах. Снимок экрана пригодится как для личных целей, так и в работе, поэтому эти знания являются обязательными практически для любого пользователя. А если вам нужно средство, которое поможет создать из скрина обучающий слайд, развлекательный мем, превью для видеофайла или обращение в техподдержку, установите программу ФотоСКРИН. Это удобное и легкое приложение для Windows позволяет быстро создавать качественные изображения для любых целей. Быстро, легко и полностью бесплатно!

Cохраните себе статью, чтобы не потерять:

Источник

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *