Делаем скрин страницы - сторонние программы, средства ос. Как сделать скриншот страницы за пару секунд
Доброго времени суток, уважаемый читатель блога сайт. Из этой статьи вы узнаете, как сделать скриншот всей страницы сайта целиком на компьютере или телефоне. Будут рассмотрены способы, как создать скриншот длинной страницы с прокруткой экрана с помощью онлайн сервисов, программ или расширений для браузера.
Как известно, с помощью PrtScr можно сделать скрин страницы на компьютере, но только видимой ее части. Инструкция по созданию скринов и с последующим размещением их в сети находится по ссылке
Если страница длинная и с прокруткой в несколько экранов, склеивать снимки разных участков в один, это долгое и муторное занятие.
Где сделать скриншот сайта целиком онлайн
Рассмотрим, как сделать длинный скриншот экрана на компьютере с помощью онлайн сервисов.
Первый и самый удобный сервис, создающий скриншот всей страницы - s-shot.ru
Имеет дополнительные настройки, позволяющие выбрать полноразмерный или фиксированный по высоте размер, разрешение по ширине от 240 до 2560 пикселей, формат готового изображения png или jpeg.
Хочу отметить, несколько его достоинств по сравнению с другими онлайн сервисами, делающими скриншот сайта:
- скорость получения готового результата;
- возможность делать скрин любой страницы сайта целиком;
- указание параметров настроек.
Чтобы создать скриншот всей страницы сайта онлайн следуйте пунктам:
- Укажите адрес страницы в специальном поле.
- Выберите расширение по ширине, от этого зависит качество картинки и читаемость мелких деталей.
- Чтобы сделать онлайн снимок экрана фиксированной высоты, не выбирайте «полноразмерный», а укажите высоту в пикселях.
- Формат готового изображения.
Действуют следующие ограничения для одного IP: в день не более 100 скринов и до 1000 за месяц.
Еще один сервис, создающий скриншот всей страницы сайта онлайн - Capture Full Page .
Довольно быстро справился с поставленной задачей для главной страницы. Но сделать скриншот с прокруткой экрана внутренней страницы сайта он не смог. Может это только у меня, а у вас получится, проверьте.
После успешного создания скрина, появится превью страницы и кнопка с надписью «Download your Image», кликните по ней для скачивания файла на компьютер.
Расширения для браузеров
Специальное расширение Webpage screenshot для браузера Google позволит сделать скриншот страницы сайта целиком. И еще одно - «Awesome Screenshot для Google Chrome».
Рассмотрим установку и работу с Webpage screenshot. Кликайте по ссылке для перехода к установке.
Нажмите на кнопку «Установить», как показано ниже:
Немного подождите и по окончании установки, справа в углу экрана добавится значок расширения, кликните по нему для запуска:
Меню полностью на русском языке. Чтобы сделать скрин всей страницы сайта выберите в меню «сфотографировать все страницы». Предварительно откройте вкладку с веб-страницей, для которой вам необходим длинный скриншот экрана.
Готовый скриншот всей страницы с прокруткой откроется в новой вкладке. Над ним будет строка меню, в которой можно выбрать редактирование изображения, или его сохранение. Также можно скачать на компьютер файл картинки, кликнув правой кнопкой мыши в любом месте и выбрав с меню «Сохранить картинку как…»:
Расширение для скриншотов в FireFox – ScreenGrab.
Чтобы на Android создать скрин всей страницы сайта, в Google Play найдите и установите на выбор одно из приложений:
- LongShot
- Scroll Capture
Программы для компьютера:
- FastStone Capture
- PicPick
На этом у меня все, если остались вопросы, задавайте их в комментариях к записи.
Как сделать скриншот страницы — вопрос настолько простой, насколько только может быть простое нажатие одной клавиши на компьютере!
Поскольку я замыслил создать серию статей о том, как работать с картинками в блоге, возникла необходимость написать несколько материалов об основах работы с изображениями. Речь пойдет о самом элементарном действии: создании скриншота страницы. Кстати, фото снизу — скриншот веб-страницы, творчески обработанный.
Полезная азбука:
Screenshot — от англ. «выстрел», «снимок».
Делаем скриншот страницы программой Paint
Понадобится: руки и программа Paint. Может вы не знаете, но она у вас уже есть, если пользуетесь Windows, она по умолчанию входит в пакет стандартных программ. Я с ней работал еще в древних версиях винды.
Создание скриншота в программе Paint.
В процессе создания сайта мы рано или поздно сталкиваемся с необходимостью научиться делать снимки с экрана компьютера, что бывает нужно для самых разных задач — от творческих до общения с техподдержкой.
Что такое скриншот?
Скриншот — это снимок экрана компьютера , вернее того, что на нем изображено. Причем снимок делается в самом компьютере. Можно сделать скриншот веб-страницы, любой фотографии, программы и даже текста. Вот пример скриншота текста в Ворде:
Я знаю, как создать скриншот страницы несколькими способами, но обычно пользуюсь одним. Я не дизайнер и владею фотошопом на бытовом уровне, поскольку всю жизнь работал с текстами и моей главной программой был Word. Но скриншот, бывало, требовался время от времени. И делал я его в очень простой программе PAINT, которая есть в любом Windows. Чем мне нравится эта программа:
- В ней можно скриншот обрезать.
- Изменить размер в пикселях или процентах.
- Нарисовать что-нибудь: стрелку, выделить элемент овалом и т. п..
- Повернуть слева на право изображение.
- Сделать какую нибудь надпись.
- Стереть то, что не надо и залить любым цветом.
Написав на скриншоте текст получится такой маленький самодельный баннер или открыточка (если вас интересует, как сделать баннер, открывающийся в новом окне, на эту тему есть отдельная статья ««). Скриншот с текстом выглядит так:
Если хотите научиться превращать картинку в активную ссылку на любую страницу вашего блога или стороннего ресурса, пригодится статья, . Что тоже может оказаться полезным для блоггера.
Мы научимся сегодня делать не только простой скриншот, но и в качестве бонуса — с текстом, что не раз пригодится в будущем, особенно если у вас свой блог.
Инструкция «Как работать в программе Paint»
- Чтобы создать скриншот, нужно открыть ту страницу, которую хотите «сфотографировать», и нажать на одну-единственную кнопку клавиатуры . Расположена она обычно в самом верхнем ряду и называется Prt Sc (принт скрин) . Все, кадр снят.
- 2. Открыть программу Paint. Для этого идем в меню ПУСК — ВСЕ ПРОГРАММЫ — СТАНДАРТНЫЕ — PAINT — ОТКРЫТЬ. Программа загрузится, и откроется главное окно:
- 3. Вставить скриншот в программу. В пункте 1 мы его сохранили — он в буфере, теперь его нужно перенести в любую программу, чтобы сохранить как изображение. Для этого нужно просто нажать на значок ВСТАВИТЬ в верхнем левом углу (на картинке выделено красным кружочком).
- 4. Сохранить. Если вам нужен снимок весь целиком (скриншот экрана компьютера), то на этом этапе можно сохранить изображение. Нажмите на значок дискеты в верхнем левом углу (выделено синим кружочком). Появится новое окно:
В самом верхнем поле задайте путь , куда сохраняете файл.
В поле ИМЯ ФАЙЛА введите название скриншота . Желательно латиницей, по-английски — особенно если сохраняете фото или скриншот для блога. Вообще лучше сразу привыкать все файлы сохранять на латинице — так корректнее. Например, при восстановлении блога из бекапа изображения, названные кириллицей, обычно слетают. Потом приходится вручную возвращать назад каждое. Я пренебрегал правилом до первого бекапа…
В поле ТИП ФАЙЛА выберите расширение . Я обычно выбираю JPEG — он меньше весит. В конце нажмите СОХРАНИТЬ. И всё, скриншот готов!
Как обрезать скриншот
Если вам нужна часть экрана, то скриншот, перед тем как сохранить, нужно обрезать. Возвращаемся в пункт 3: вставили скриншот в программу.
Переходим на вкладку ВИД — УМЕНЬШИТЬ.
Возвращаемся на вкладку ГЛАВНАЯ и щелкаем мышью на кнопку ОБРЕЗАТЬ. Курсор станет в виде прицела.
Удерживая левую кнопку мыши, выделите нужный фрагмент экрана — область выделится пунктиром.
По выделенному фрагменту щелкните правой мышкой. Нажмите КОПИРОВАТЬ.
Теперь скопированный фрагмент нужно вставить в чистый документ и сохранить его. На нижнем рисунке это зона, выделенная красным овалом : щелкаем по маленькой белой стрелочке, в выпадающем окне выбираем СОЗДАТЬ. Открывается чистый лист. Нажимаем на ВСТАВИТЬ. Фрагмент появляется в окне. Нажимаем СОХРАНИТЬ (иконка дискеты) и сохраняем, как в пункте 4.
Как поставить надпись или текст на скриншот
И обещанный бонус. Если нужно сделать на скришоте какую-нибудь надпись, перед тем как сохранить, войдите в меню текстового редактора (на рисунке выше это буква А, выделенная синим кружком ). Затем щелкните мышью по той области экрана, где хотите создать надпись, и, удерживая левую кнопку мыши, выделите нужную зону. Появится пунктирный прямоугольник, в котором можно написать текст.
В красном овале : выбирается шрифт и его размер.
Зеленый овал : выбирается цвет шрифта.
Синий овал : прозрачный или непрозрачный фон под текстом.
Когда надпись будет готова, щелкните по любому места экрана мышкой, чтобы выйти из редактора. И сохраните изображение, как уже описывалось выше. Ваша открытка готова!
Теперь вы знаете не только, как сделать скриншот страницы, но и знаете, как работать с программой Paint. Она легкая, понятная и всегда под рукой. Когда приноровитесь, будете делать скриншоты за пару минут.
Я много раз видел в интернете изображения на которых был виден весь сайт от начала до конца. Необходимость в такой картинке возникает тогда, когда необходимо визуально оценить как будет выглядеть Ваш сайт или отдельная его страница полностью. Но стандартные встроенные средства операционной системы, в частности функция клавиши «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
позволяет делать скриншот того, что видите именно Вы в настоящий момент. Ведь при следующем посещении картинка может быть иная. Иными словами, увидел что-то интересное — мгновенно, нажатием одной кнопки, сделал копию экрана.
) переводится с английского «снимок с экрана». На клавиатуре компьютеров есть кнопка print screen (PrtSc), которая позволяет быстро сделать скриншот. Как правило она располагается в верхнем ряду справа.
Откройте страницу, которую хотите сфотографировать, нажмите на кнопку – снимок сделан, теперь надо его сохранить. Зайдите в графический редактор → «правки», выберите функцию «вставить», сриншот появится в форме редактора. Нажмите «сохранить» и отправьте файл в нужную папку. Достоинство этого способа: быстро; не требуются дополнительные программы. Недостаток: нельзя сделать скриншот отдельного фрагмента.
В ОС Windows 10 есть дополнительная возможность сделать скриншот экрана. Запустите игровую панель, нажав одновременно клавиши win+G, кликните по иконке с изображением фотоаппарата. Придет сообщение, что снимок сохранен, вы найдете его в папке «видео» - «клипы». Такой же результат получите, если нажмете кнопки win+Alt+Prt Sc.
Сделать скриншот на компьютере при помощи программы «ножницы»
Сделать снимок нужной области можно при помощи программы «ножницы». Она идет в приложении к операционной системе Windows. Чтобы воспользоваться этой функцией, нажмите кнопку «пуск», зайдите во вкладку «стандартные – Windows» → «ножницы».
В открывшемся окне нажмите на строчку «создать», выберите из предложенных вариантов:
Прямоугольная форма;
Произвольная;
Весь экран.
В редакторе снимок отредактируйте, а затем сохраните в папку.
Сделать скриншот страницы, воспользовавшись специальными программами
Сделать скриншот экрана на компьютере можно и специальными программами с расширенными функциями. Их на просторах интернета немало, самой известной, да и, пожалуй, лучшей является бесплатная программа LightShot. Достоинства:
Занимает мало места на жестком диске;
Имеет простой понятный интерфейс;
Имеются различные функции обработки экрана;
Можно скрин сразу размещать в соц. сетях, на сайте.
Для работы скачайте программу и установите на компьютере.
Не хотите занимать дополнительными программами место на диске, установите в браузере расширение, позволяющее делать . В «Яндексе» и Google Chrome доступно расширение FireShot. Для его установки в «Яндексе» зайдите в «настройки» → «дополнения», в «Гугле» откройте вкладку «настройки» → «расширения».
Программа FireShot функциональная: делает снимок выбранной области или страницы с прокруткой, сохраняет скриншот в формате PNG или JPG. Также можно снимки экспортировать в сеть либо в другие редакторы. Весомое преимущество программы – она всегда под рукой. Чтобы сделать снимок, достаточно нажать на значок расширения, который находится на верхней панели, справа от адресной строки.
Как сделать скриншот при помощи «Яндекс Диска»
Облачное хранилище «Яндекс Диск» предлагает пользователям функцию по созданию скриншотов. Если «Яндекс Диск» не установлен , скачайте и установите. На нижней панели в правом углу появится значок « диск», кликните по нему. Откроется панель меню. 
Кликните по самой нижней строке «сделать скриншот». В редакторе «Яндекс Диск» отредактируйте полученный снимок экрана и сохраните в нужную папку.
Как видите способов сделать скриншот экрана на компьютере немало, можете выбрать самый для вас удобный.
Мы выпустили новую книгу «Контент-маркетинг в социальных сетях: Как засесть в голову подписчиков и влюбить их в свой бренд».
Иногда возникает необходимость выгрузить внешний вид страницы сайта в графический файл. Точный снимок веб-страницы имеет также другие названия: вебшот, тумбшот, скрин. Стоит отметить, что редко какой сайт умещается на экране без прокрутки вниз. Если мы используем клавишу Printscreen или надстройки типа Joxi или LightShot, то получаем возможность «снять» видимую часть экрана без прокрутки.
При этом нижняя часть страницы «обрезается».
Можно ли сделать скриншот всей страницы сайта онлайн так, чтобы в скрин она целиком уместилась? Давайте разбираться.
В интернете есть онлайн-сервисы, которые помогают решить поставленный вопрос. Установка дополнительного ПО или расширений для браузера не требуется. Сервисы делают миниатюру веб-страницы, которую можно сохранить.
Принцип работы каждого сервиса следующий: пользователь копирует URL нужной интернет-страницы, вставляет его в специальное поле, настраивает параметры и запускает обработку. В результате сервис выдает ссылку на полученное изображение, которое хранится некоторое время на сервере. Пользователь может его скачать на свой ПК. Рассмотрим несколько онлайн-сервисов.
Snapito
По кнопке «шестеренка» вы выбираете настройки (размер, срок хранения картинки и т.п.), кнопкой Snap запускается обработка. Вы также можете сохранить скрин в PDF. Результат работы сервиса - ссылка на полученное изображение.
Web Capture
Работает на русском языке. Снимок может быть конвертирован в любой из предложенных форматов. Введите URL, выберите формат, нажмите «Сгенерировать».
Затем вы можете скачать снимок как ZIP или развернутый файл.
IMGonline
Позволяет получать вебшот в JPG- или PNG-форматах. Введите адрес веб-страницы, настройте параметры и нажмите «ОК».
Затем откройте полученный вебшот или скачайте его.
S-shot
Работает по такому же принципу.
Еще один вариант работы веб-сервиса - можно создать скрин, скопировав ссылку, обведенную в красный прямоугольник на нашем примере, заменив адрес сайта из примера на ваш URL.
Screenshot machine
Еще один бесплатный вариант.
После получения снимка нажмите Download и сохраните миниатюру на свой ПК.
ScreenPage
Mozilla Firefox
В интернет-браузере Mozilla можно создавать и сохранять вебшоты штатным средством. Одновременно нажмите Ctrl + Shift + I. Вашему взору предстанет панель инструментов. В ее правой части нажмите на шестеренку. Выберите доступные кнопки и активируйте «Сделать скриншот всей страницы». В браузере появится иконка фотоаппарата. Необходимо открыть нужную веб-страницу, кликнуть на значок фото и войти в папку закачек, куда автоматически уже записался скрин.
Расширения для браузеров
Это Joxi, Qsnap, Lightshot и другие. Соответствующее ПО устанавливается на компьютер. Затем, удерживая кнопку CTRL и прокручивая колесико мышки, уменьшаем страницу до тех пор, пока она полностью не начинает умещаться на экране. Нажимаем соответствующую для каждого плагина кнопку. Например, для Joxi это - птичка в правом верхнем углу браузера.
Выбираем необходимую область экрана для скрина, фотографируем и скачиваем результат.
Как сделать скрин на скорую руку
А можно ли делать скрины без установки разных программ и без обращения на сторонние веб-сайты? Вдруг у вас нет интернета?
Уменьшив веб-страницу до оптимальных размеров, необходимо нажать клавишу РrtScrn (справа вверху на клавиатуре) или Shift + РrtScrn. Страница скопируется в буфер. Затем необходимо открыть любой графический редактор, создать новый файл и выбрать функцию «Вставить».
А как быть с телефонами?
Современные гаджеты - это те же компьютеры, только немного уменьшенные. Скриншоты они также делать могут. Для создания снимка применяются комбинации клавиш, соответствующие каждой модели и типу операционки.
- Ios - удерживайте кнопку «Включение» и «Домой».Вебшот сохранится в папке «Фото».
- Андроид 1, 2 - устанавливается специальное приложение, которое позволяет делать вебшоты.
- Android 3.2 - кнопку «Недавние программы» удерживайте какое-то время.
- Андроид 4 - нажмите одновременно «Уменьшения громкости» и «Питание».
- Samsung под Android и HTC под Android - «Домой» и «Питание» удерживайте одновременно.
Скрин полной веб-страницы можно сделать разными способами. Причем многие плагины позволяют обрабатывать полученное изображение - вставлять текст, выделять блоки, рисовать стрелки и другие геометрические фигуры. Удач