Скрин сайта целиком: Создание скриншотов сайтов — миниатюры сайтов сервис – Как сделать скриншот страницы полностью? — Хабр Q&A

  Скриншотим страницу полностью

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

Подходящее дополнение для браузеров на основе Chrome (Яндекс.Браузер, Гугл Хром …) опять же нашлось здесь https://chrome.google.com/webstore/category/extensions?hl=ru. На этот раз это Nimbus Screenshot and Screencast — вообще, очень навороченная штука оказалась, даже видео снимает.

Делаем скриншот страницы сайта целиком с помощью расширения Nimbus Screenshot and Screencast

Скачивание

Скачать и установить можно здесь. После установки справа вверху появится иконка этого дополнения:

  Иконка скриншотера Nimbus

Как пользоваться

Чтобы сделать скриншот веб-страницы полностью, нужно кликнуть на иконку этого дополнения и в появившемся меню выбрать «Скриншот всей страницы»:

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

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

  Редактор скриншотов в Nimbus Screenshot and Screencast

После окончания редактирования жмём «Готово» и далее картинку можно будет сохранить в некий Nimbus Note, в Гугл Диск, себе на ПК или распечатать.

С помощью этого дополнения можно сделать скриншот не только содержимого браузера, но и всего окна. А также записать видео (выберите «Запись видео»). Я был удивлён, но видео и правда записывается, и вполне неплохо.

А ещё можно редактировать любые картинки или рисовать что-нибудь — для этого надо установить сначала это, а затем в меню расширения следует выбрать «Чистый лист»:

  Редактор картинок

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

Короче, этот «Nimbus Screenshot and Screencast», как и LightShot, вещь хорошая. Раньше я создавал несколько снимков экрана с помощью нажатия PrintScreen и клеил их в Paint’е. Теперь же делать скриншоты всей страницы гораздо веселее.

Онлайн скриншот всей страницы сайта в Вашем браузере

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

Вы узнаете в небольшом трехминутном видео, которое перед Вами. Если у Вас установлен

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

Скриншот всей страницы сайта в Chrome

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

С помощью расширения для Chrome

Установить расширение, например FireShot. Минусы расширений стоит упомянуть сразу:

• одни могут конфликтовать с другими расширениями,
• утяжеляют браузер, замедляют его работу,
• не успевают за обновлениями браузера и поэтому работают некорректно.

Вот примеры последних отзывов о таком расширении. Оптимизма, как видим, мало.

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

Не забывайте по мере ненадобности отключать работу расширения. Просто кликните правой кнопкой мыши по значку расширения справа, в верхней панели браузера. В открывшемся меню кликните «Управление расширениями».

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

Скриншот всей страницы сайта Сhrome с помощью бесплатных программ

Обе программы FastStone Capture и PicPick прекрасно справляются с задачей. Причем им совершенно все равно какой у Вас браузер. Более того, можно сделать скриншот полной страницы Word, PDF файла и боюсь, всего, что попадется этим программам под руку. Наглядно о них можно посмотреть в статье Как сделать скриншот страницы сайта.

Небольшая неприятность с FastStone Capture, последняя ее версия до сих пор (март 2019 года) не русифицирована. Зато у PicPick с русификацией все хорошо. Пользуйтесь!

Во время написания статьи проверил ссылку на PicPick. Неприятно, но она не открылась в Google Chrome и Firefox. Не знаю, чем это вызвано. В браузерах Opera, Vivaldi, Pale Moon и Yadex сайт открывается прекрасно.

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

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

Скриншот всей страницы сайта в браузере Edge

Здесь потребуются танцы с бубном. Как никак, это флагман от Microsoft, а флагманом быть трудно, он же большой и неповоротливый. Хотя и намного лучше, чем предыдущее никуда не годное творение — Explorer. Ну, довольно лирики. Скриншот всей страницы сайта тут можно сделать в три приема

1. Вручную выделить область сохранения. Если страница длинная, то я Вам сочувствую искренне. По окончании выделения область автоматически сохраняется в буфере обмена.
2. Открыть любой редактор изображений и сочетанием клавиш Ctrl+V вставить в новый файл содержимое буфера обмена.
3. Теперь еще надо сохранить получившийся файл.

Итак, шаг первый. Нажимаем на изображение шариковой ручки (это кнопка «Добавить заметки») в верхней панели Edge. Панель становится фиолетовой и появляются дополнительные кнопки.

Нажимаем кнопку «Обрезать».

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

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

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

Второй шаг. Откройте любой редактор изображений Paint или Paint.net, или тот, которым Вы обычно пользуетесь. В редакторе создайте новый файл и вставьте в него содержимое буфера обмена нажатием клавиш Ctrl+V.

Последний шаг. Сохраните получившийся файл. Да, вот так. А Microsoft и не обещал, что будет легко. После того, как сделаешь скриншот полной страницы сайта в браузере Vivaldi, хочется просто подойти к Биллу Гейтсу, обнять его и так стоять и плакать.

Скриншот всей страницы сайта в Яндекс браузере

Для того, чтобы было легко делать скриншот всей страницы сайта в Яндекс браузере достаточно просто включить расширение (дополнение) FireShot. Сделать это очень просто:

1. Кликните по значку «гамбургер» в панели управления браузером.
2. В открывшемся меню выберите «Дополнения».
3. В списке дополнений найдите FireShot и переключите выключатель в положение «Вкл».

После этих действий на панели управления браузером появится иконка дополнения.

Теперь, чтобы сделать скриншот всей страницы сайта в Яндексе, надо просто нажать одновременно Ctrl+Shift+Y.

Второй способ.

• Кликните по иконке FireShot.
• Выберите из списка действий «Захватить всю страницу».
• По окончании сканирования сохраните получившееся изображение.

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

• формат сохраняемого файла,
• опции сохранения,
• имя папки сохранения файлов,
• настройка горячих клавиш.

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

Кажется все. Спасибо Вам за терпение и внимание.

А Вы как обычно делаете скриншоты, которые не помещаются на экран монитора? Может поделитесь опытом с другими пользователями?

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

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

Уменьшение масштаба

Большинство пользователей предпочитает простейшие решения поставленной задачи. Сделать на компьютере с небольшим монитором скриншот страницы можно с помощью масштабирования окна браузера и классической функции Windows «Копировать-вставить».

1. Нужно открыть необходимый сайт, вывести участок страницы с необходимой информацией.
2. Используя клавишу «Ctrl» и колесико мыши, установить оптимальный размер картинки.
3. Наряду с этим можно изменять размер окна браузера целиком, наведя курсор на его границу. Зажав левую кнопку мыши, пользователи вольны установить оптимальную высоту и ширину окна. Отличный результат даст комбинирование обоих способов.
4. Клавиша «Print Screen» выполняет захват изображения, перенос во временный буфер.
5. Следующий этап – открыть стандартный редактор Paint, затем нажать кнопки «Ctrl» и «V».
6. При необходимости вырезать необходимую картинку и скопировать в новый документ, сохранив его в удобном формате (jpeg, png).

Десктоп приложения

Рассматриваемые утилиты также способы решить поставленную задачу.

FastStone Capture

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

Быстрый скриншот – возможность использования горячих клавиш, сочетания которых задаются пользователем. Производится «копирование» выделяемого участка, а также активного окна.

Программа сделает длинный скриншот экрана с сохранением параметров страницы – шрифта, размеров встроенных картинок, границ. Дополнительные возможности:

• добавление пояснительных надписей на изображение;
• нанесение стрелок, разнообразных фигур;
• внедрение водяных знаков.

Конечные файлы можно сохранить в разнообразных форматах: bmp, jpeg, pcx, pdf, gif, tiff. Сохраненные скриншоты отправляются по электронной почте с помощью специальных функций. Пользователи также могут загружать созданные медиафайлы на собственный сервер, импортировать в документы Word или презентации PowerPoint.

Ashampoo Snap 10

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

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

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

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

Утилита порадует владельцев системой хранения. Имеются функции для быстрой отправки в облачное хранилище (DropBox, OneDrive, Google Drive). Приложение самостоятельно откорректирует размеры скриншота перед отправкой.

SnagIt

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

Утилита адаптирована к работе с внешними устройствами – принтерами, сканерами, фото- и видеокамерами. Имеется интерфейс для мгновенной отправки картинок на удаленный сервер. Среди дополнений ярко выделяется инструментарий для записи видео. Утилита способна сохранять видеоклипы с полноэкранных приложений, работающих на Direct X, 3D, Draw.

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

Скрин страницы можно сделать и при помощи программ другого класса.

Awersome Screenshot – дополнение для Google Chrome

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

• страничка (page) полностью;
• отдельный участок сайта;
• выборочный фрагмент;
• выбор встроенной картинки.

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

Screengrub для Firefox

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

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

qSnap для Opera

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

Настройки ПО позволяют выбрать:

• комбинации горячих клавиш;
• формат конечного файла;
• качество скриншота.

Редактор расширения наделен необходимыми инструментами:

• аннотациями;
• рамками и стрелками;
• «Замазкой» и «Размытием».

 Готовый скрин сохраняется на локальном компьютере или удаленном ПК.

Варианты для мобильных устройств

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

Scroll Capture

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

Программа самостоятельно создает скрин, пользователю достаточно скопировать адрес портала. После автоматического захвата длинная картинка попадает в каталог Pictures/scroll Capture.

Сервисы в интернете

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

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

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

Web Capture

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

Скопированный URL вставляется в соответствующее поле, затем выбирается формат конечной картинки. Готовый скрин загружается в выбранном расширении или ZIP-архиве.

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

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

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

1. Можно сделать скриншоты страницы по частям, а затем объединить их в любом графическом редакторе, например Gimp или Photoshop. Однако это долго и трудоемко.

2. Можно уменьшить масштаб страницы до такого значения, чтобы она целиком влезала на экран монитора и тогда нажать PrintScreen. В этом случае шрифт будет очень маленький и практически нечитаемый.

3. Гораздо лучше и эффективней в данном случае будет воспользоваться специальным онлайн сервисом, который выполнит работу быстро и качественно!

iWeb2Shot – сделает скриншот всей страницы сайта целиком. Вам необходимо просто указать адрес страницы (URL) и нажать кнопку «Convert». После этого для загрузки результата на свой компьютер нажмите ссылку «Download Image».

В качестве дополнительных опций есть возможность выбрать:

• размер результирующего скриншота (чтобы влезла вся страница целиком, выбирайте FullPage)
• формат скриншота (JPG, PNG, GIF, TIF, BMP, PPM, PGM)

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

Прекрасный результат, полученный буквально за пять секунд!

Сервис iWeb2Shot также предлагает пользователям установить специальное расширение (add-on) iWeb2x для браузеров Google Chrome и Mozilla Firefox. C его помощью Вы еще быстрее, всего в один клик сможете делать скриншоты целых страниц сайта онлайн прямо в окне своего браузера!

P.S. Рекомендую также узнать про отличный сервис распознавания текста онлайн от этого же разработчика.

Автор статьи: Сергей Сандаков, 39 лет.
Программист, веб-мастер, опытный пользователь ПК и Интернет.