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

Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.

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

Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.

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

Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 » куда быстрее и удобнее. Итак, начнем разбираться.

У каждого пользователя есть клавиатура, даже на ноутбуке, вы найдете заветную кнопку «Print Screen » или как еще ее часто указывают «Prnt Scr ». Нажимая на нее, вы автоматически копируете фото-данные в буфер компьютера, которые сможете потом вставить в документ или сохранить отдельным файлом. Если в первом случае вам нужно будет поставить курсор в нужном месте, нажать правую кнопку мыши и выбрать «Вставить », то во втором – чуть посложнее.

Сохранение скрина с помощью Paint

Итак, нажатием клавиши «Prnt Scr », не имея установленных дополнительно программ для создания скринов, вы скопируете целиком ту часть, что изображена на экране. Если ее нужно будет обрезать – впоследствии вы сможете это сделать с помощью программы Photoshop или другой аналогичной. Если у вас в «Пуске » имеется стандартная для седьмого виндоуса опция «Ножницы », то вы можете применить для обрезки её.

Мы рассмотрим вариант сохранения скрина с помощью стандартной программы «Paint», которая устанавливается при инсталляции ОС Windows.

Итак, вам нужно пройти по такому пути: «Пуск»-«Все программы»-«Стандартные»-«Paint» . Таким образом, вы запустите программу и при ее открытии вы увидите белый лист. Он и подойдет для вставки изображения. Проще всего внедрить сфотографированную картинку, одновременным нажатием горячих клавиш «Ctrl+V », что выполняет функцию «Вставить ». Если вы сделали все правильно, то увидите вставленный скрин на своем экране.

Также вы можете добавить изображение нажатием кнопки «Вставить », изображенной в палитре инструментов утилиты.

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

Для сохранения скрина, нажмите горячие клавиши «Ctrl+S » или воспользуйтесь меню.

Создание скрина с помощью Lightshot

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

Скачать утилиту, которая отлично создает скрины и не перегружена дополнительными возможностями, вы можете по прямой ссылке . Сохраняйте файл «exe » в удобном вам месте и начинайте установку, выбирая русский язык.

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

Также вам будут доступны некоторые дополнительные функции, расположенные вертикально:

• Карандаш – произвольный рисунок на скрине;
• Линия – линейные пометки;
• Стрелка – указатели на изображении;
• Прямоугольник – прямоугольное выделение области на скрине;
• Маркер – жирное выделение (например, текста);
• Цвет — выбор цвета для написания или выделения;
• Текст – написание текста;
• Отменить – отмена последнего действия или нескольких.

И функции, расположенные горизонтально:

Как видите, в пару кликов можно сделать снимок экрана, откорректировать его согласно своим нуждам и сохранить.

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

Всем пока!

P/S

С уважением, Александр Сергиенко

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

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

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

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

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

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

Скриншот (от англ. 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 — вышлет вам на почту.

Резюме

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

Заключение

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

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

Сегодня я предлагаю вам рассмотреть очень интересную задачу - как снять с экрана 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 являются одними из лучших, особенно для создания скриншота длинной веб-страницы, простирающейся на несколько экранов.