Делаем скрин страницы - сторонние программы, средства ос. Скриншот веб-страницы одним нажатием

Я много раз видел в интернете изображения на которых был виден весь сайт от начала до конца. Необходимость в такой картинке возникает тогда, когда необходимо визуально оценить как будет выглядеть Ваш сайт или отдельная его страница полностью. Но стандартные встроенные средства операционной системы, в частности функция клавиши «Prt Scr » копирует в буфер обмена лишь видимую часть, либо весь экран, либо активное окно (комбинация «Alt+Prt Scr «).

Сни́мок экра́на (скри́ншот, скрин или скриншо́т, англ. screenshot) - изображение, полученное компьютером и показывающее в точности то, что видит пользователь на экране монитора или другого визуального устройства вывода. Обычно это цифровое изображение получается операционной системой или другой программой по команде пользователя.
Простейший способ получения снимка экрана для операционных систем Microsoft Windows - использование клавиши PrtScr (для всего экрана) или сочетания клавиш Alt + PrtScr (для текущего окна) на клавиатуре. При этом снимок копируется в буфер обмена операционной системы и может быть затем вставлен и при необходимости отредактирован в любом графическом редакторе, например, в Paint, входящем в стандартный набор приложений Windows. Кроме того, в большинстве случаев, снимок может быть вставлен в текстовый процессор, например Microsoft Word или OpenOffice.org Writer.
(материал из Википедии )

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

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

Все проще, чем кажется. Я нашел два бесплатных решения:

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

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

Скриншот страницы сайта онлайн.Я рекомендую воспользоваться бесплатным сервисом s-shot.ru . Чтобы сделать скриншот всей страницы сайта данным способом, не нужно устанавливать сторонние программы на компьютер или расширения в браузер. Достаточно перейти на сайт s-shot.ru , вставить адрес страницы в специальное поле, поставить галочку напротив надписи «полноразмерный» и нажать «создать»:
В течении нескольких минут сервис создаст качественный снимок всей страницы целиком. Время создания скриншота зависит от размера страницы, в некоторых случаях процесс может затянуться до пяти минут.

Дополнительные настройки сервиса:
Если вам нужно сделать скриншот определенной высоты, уберите галочку напротив надписи «полноразмерный», в поле «высота» укажите необходимое значение в пикселях (по умолчанию высота 768 пикселей) и нажмите «создать».

Вот такой скриншот всей страницы, сделанный при помощи сервиса , размешен в статье «» (цены размещения баннеров указаны при помощи фотошопа). Для просмотра страницы сайта наведите на картинку ниже правой кнопкой мышки, нажмите «Открыть ссылку в новой вкладке» и увеличьте :Согласитесь, такой скриншот поможет рекламодателю быстрее определиться с местом размещения и стоимостью рекламы. Подобные фишки делают заказ рекламы на нашем сайте более вероятным, что в свою очередь облегчает процесс заработка.

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

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

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

Сравнительно недавно для решения такой задачи компания Xiaomi представила в своей оболочке MIUI 8-й версии новую функцию - «длинный скриншот» (Long Screenshot). Долгожданная функция создания скриншота для длинной веб-страницы порадовала владельцев одноименных смартфонов. Она проста в работе и напоминает реализацию функции захвата изображений в девайсах Panasonic. Но, после презентации технологии создания скриншотов с прокруткой экрана, далеко не каждое Android устройство способно было реализовать ее на практике. Для того, чтобы сделать функцию доступной, вам придется использовать сторонние инструменты и выполнить несколько действий на своем смартфоне.

Предупреждение: для того, чтобы активировать функцию длинного скриншота на смартфоне без оболочки MIUI 8 вам придется скачать и установить приложение стороннего разработчика из магазина Google Play. Поэтому заранее позаботьтесь о подключении девайса к сети Интернет и о наличии свободного места в своем девайсе.

Создаем длинный скриншот с прокруткой экрана в приложении LongShot

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

Режим Capture screenshot

1. Откройте LongShot и выберите в нем опцию Capture screenshot.
2. После запуска приложение запросит у вас разрешение на начало работы.
3. Далее LongShot предложит вам выбрать приложение, в котором вы будете делать длинный скриншот.
4. Откройте нужное приложение и нажмите Start. Пролистайте страницы приложения по экрану в необходимом диапазоне. Для завершения создания скриншотов нажмите Done.
5. В этом режиме вы получите не один длинный скриншот, а серию скриншотов, нарезанных из «портянки», протянутой по экрану. С ними вам еще предстоит поработать.
6. Перед вами откроется список скриншотов с эскизами. Удалите ненужные скриншоты. Для проверки можете посмотреть эскиз в полном формате, нажав на нем и выбрав в контекстном меню пункт «View in full screen». Затем снова нажмите на эскиз и выберите «Delete», если нужно его удалить.
7. Если вы хотите добавить еще что-то в длинный скриншот, нажмите на значок «плюса», расположенный в кружочке и выберите дополнительное изображение.
8. Вы можете скомпоновать будущий длинный скриншот так, как вам угодно - вертикально или горизонтально, в автоматическом или ручном режиме, с выводом статус-бара и без него. Для этого вы можете нажать кнопку «Configure» в левом нижнем углу приложения и выбрать необходимые опции.
9. После установки опций конфигурации нажмите кнопку «Join» в правом нижнем углу приложения.
10. Спустя некоторое время, которое будет потрачено на обработку и «сшивку» отдельных изображений в полотно длинного скриншота, вы попадете в меню Stitch.
11. Здесь вы увидите проект будущего длинного скриншота, который можно дополнительно настроить. Если вас все устраивает, просто нажмите кнопку Save в правом верхнем углу.
12. Если в проекте что-то не так, нажмите одну из кнопок Adjust, которая стоит напротив каждого компонента и используйте опции обрезки каждого кадра. Для точной и грубой обрезки вы можете использовать кнопки «1px» или «10px», вверх или вниз. После обрезки нажмите кнопку Done и, если теперь вас все устраивает, нажмите Save.

Важная ремарка: файлы скриншотов автоматически сохраняются в каталог /storage/emulated/0/longshot.

На первый взгляд сделать длинный скриншот нелегко, но поверьте - разработчики сделали процесс интуитивным и понятным. И они позаботились о тех, кто хочет сделать длинный скриншот многоэкранной веб-страницы всего за пару кликов. Для этого создан специальный режим «Capture web page».

1. В главном меню приложения нажмите кнопку «Capture web page». Откроется встроенный браузер LongShot с адресной строкой, в которую нужно ввести URL сайта, страницу которого вам нужно «заскринить». Адрес сайта можно набрать или вставить, предварительно скопировав его в другом приложении. Для открытия страницы нажмите галочку.
2. Далее прокрутите страницу сайта в нужное вам место, туда где должен начинаться скриншот и нажмите кнопку «Set start position». Голубая горизонтальная линия обозначит место, откуда будет производиться захват скриншота.
3. Дальше скрольте страницу сайта до фрагмента, где нужно завершить длинный скриншот. Ориентируйтесь по горизонтальной розовой линии.
4. Нажмите кнопку «End here and capture». В этот момент и будет создан полноценный длинный скриншот с прокруткой веб-страницы.

Ключевые возможности программы:

• Автоматически сшивает несколько скриншотов в один, независимо от того, в каком направлении прокручивалось изображение - по горизонтали или по вертикали;
• выполняет автозахват скриншотов во время скроллинга;
• «плавающие» кнопки захвата изображения облегчают создание серии скриншотов;
• ручной режим сшивки изображений для точной настройки длинного скриншота;
• быстрый захват длинной веб-страницы, только укажите начало и конец и скриншот готов;
• никаких водяных знаков, все функции бесплатны, рекламу можно закрывать.

Длинный скриншот веб-страницы на Android в приложении Scroll Capture

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

1. Найдите и установите приложение Scroll Capture в магазине Google Play.
2. Запустите приложение.
3. Введите в адресной строке встроенного браузера адрес сайта с длинной веб-страницей, скриншот которой вы хотите сделать.
4. Если вы ранее скопировали адрес сайта, приложение автоматически подхватит его и предложит открыть в своем браузере. Не советую отказываться, это еще больше ускорит процесс создания длинного скриншота.
5. После открытия страницы нажмите внизу экрана на значок в виде лепестков затвора фотоаппарата. Изображение рабочего стола тут же будет залито фиолетовым оттенком и станет недоступным для ваших «тачей». В центре будет хаотически двигаться фиолетовый указатель в виде малярного валика с ручкой. Странно, почему разработчик выбрал именно этот символ… Так незамысловато отображается процесс сканирования изображения и создания длинного скриншота. Он займет всего несколько мгновений.
6. Без каких-либо вопросов и необходимости прокрутки страницы длинный скриншот будет автоматически сохранен в каталог программы. Он создается по умолчанию здесь: -->Pictures>Scroll Capture.

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

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

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

Какие есть способы решить вашу проблему? В зависимости от ваших потребностей, можно выбрать тот или иной вариант:

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

Самый простой способ

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

PrintScreen (также PrtScr или Print Scrn) — это кнопка на клавиатуре, позволяющая делать скриншот экрана монитора и записать его в буфер обмена.​

Как сделать принтскрин ? Для разных операционных систем разная последовательность действий.

Для владельцев компьютера с ОС Windows

1. на клавиатуре найдите клавишу Print Screen (она может называться PrtScr или PrintScrn в зависимости от модели и чаще находится в правом верхнем углу)
2. нажмите ее — принтскрин страницы будет сохранен в буфер обмена (часть оперативной памяти компьютера)
3. теперь, чтобы пользоваться изображением — сохранить его или передать кому-либо — нужно использовать любой редактор изображений. По умолчанию в ОС Windows установлен редактор Paint , так что я опишу последовательность действий для него. После нажатия клавиши PrintScreen , откройте Paint (Кнопка «Пуск» — «Все программы» — «Стандартные» — «Paint»)
4. в рабочем окне программы используйте последовательность кнопок «Правка» — «Вставить» (либо просто нажмите комбинацию клавиш «Ctrl+V» на вашей клавиатуре)
5. полученное изображение можно форматировать, используя функционал программы, либо же просто сохранить, используя последовательность кнопок «Файл» — «Сохранить как», и выберите место куда сохранить файл (также для сохранения можно использовать комбинацию клавиш «Ctrl+S»).

Для пользователей Mac

1. воспользуйтесь сочетанием клавиш «Cmd+Shift+3»
2. если у вас установлены настройки системы по умолчанию, снимок будет сохранен в формате PNG на рабочем столе компьютера

Для Android-телефонов

1. на телефонах, конечно, кнопки PrintScreen нет, но снять экран не составит труда. Начиная с версии Android 4.0, нужно одновременно нажать и удерживать кнопку выключения (Power) и изменения громкости (Volume). Изображение будет сохранено в соответствующую папку.

С помощью дополнительного ПО

Как сделать фото экрана с помощью вспомогательного софта

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

• Snagit от Techsmith — одна из лучших программ для захвата изображения монитора. Удобная и простая, есть версия для Windows и для Mac. Недостаток ее в том, что она не бесплатная (есть trial-версия на 15 дней, так что пользуйтесь себе в удовольствие. Можете приобрести после окончания тестового периода, если функционал вас устроит).
• FastStone Capture — еще одна хорошая программа, один из продуктов компании FastStone, у которых есть много софта для редактирования изображений. Только Windows. Кстати, FastStone Image Viewer (графический редактор) имеет широкий функционал, который включает в себя и захват экрана.
• Paparazzi! — простое бесплатное приложение для MacOS. Неплохая альтернатива Snagit, если не хотите тратить деньги.

Используем функционал других сайтов

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

• snapito.com — хороший простой сервис. Можно указать нужную ширину и высоту изображения.
• web-capture.net — можно выбрать расширение для output-файла.
• IMGonline.com.ua — можно выбрать много пунктов как ширина/высота, зум, отключить картинки/javascript.
• ScreenPage.ru — вышлет вам на почту.

Резюме

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

Заключение

Надеюсь наши советы помогли вам. Попробуйте выполнить универсальный алгоритм, описанный выше. До встречи на страницах сайта!

Видео-инструкция

Возможно, многие уже сталкивались с ситуациями, когда сайты запрещают выделять и копировать текст со страниц, или запрещают сохранять размещенные изображения по команде “Сохранить изображение как…”, отдавая на сохранение вместо нужного вам изображения gif-файл размером 1х1 пикселей. Такие ограничения всегда можно обойти, если знать, всей веб-страницы.

Большинство пользователей компьютеров знают, что скриншоты легко делаются при помощи клавиши “PrintScreen”. Но делать скриншоты клавишей “PrtScr” не всегда удобно. Ведь эта команда создает скриншот только того, что вы видите на экране. А веб-страницы, как правило, имеют куда больший размер, чем один экран.

Итак, создать скриншот веб-страницы одним щелчком мыши легко, если Вы пользователь браузера FireFox. Достаточно установить небольшое бесплатное дополнение к нему – “Pearl Crescent Page Saver”.

Чтобы установить данное дополнение, идем на официальную страницу программы:

Пусть Вас не пугает то, что страница на английском языке, сама программа русифицирована.

Далее находим ссылку “Install Page Saver Basic”, кликаем ее и ждем, когда загрузится дополнение. По запросу браузера подтвердите установку, нажав кнопку “Установить сейчас”. После установки дополнения браузер необходимо перезапустить.

Когда FireFox запустится, вы увидите, что на панели инструментов появилась новая кнопка:

Также Вы найдете два новых пункта в контекстном меню – “Скриншот видимой части страницы…” и “Скриншот всей страницы…”. Для вызова контекстного меню кликните ПКМ (правой кнопкой мыши) по свободному месту в FireFox и Вы увидите:

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

В настройках на вкладке “Основные” выберите основное действие для кнопки, в нашем примере выбрано “Сделать скриншот всей страницы”. Здесь же можно задать сочетание клавиш для быстрого выполнения команды () – установите курсор в поле “Быстрый вызов” и нажмите желаемое сочетание клавиш.

На вкладке “Создание скриншота” при помощи переменных можно задать имя файла и сразу увидеть, как будут именоваться будущие скриншоты. Сами переменные написаны здесь же. Чтобы Вас потом не мучил вопрос: «Где найти скриншоты?», выберите папку, в которую скриншоты будут сохраняться. По умолчанию установлена папка “Изображения” профиля пользователя Windows.

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