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

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

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

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

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

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

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

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

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

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

Скриншот веб-страницы - точный снимок сайта полностью, имеет несколько названий, упоминаемые в интернете: webshot (вебшот), уменьшенная миниатюра - thumbshot (тумбшот), website thumbnail.

В данной статье вы найдете 6 онлайн сервисов, работу которых я проверил: Snapito, Web Capture, IMGonline, S-shot.ru, Screenshot machine, ScreenPage.ru. К сожалению, некоторые другие сервисы, упоминаемые в интернете, не прошли проверку, поэтому я не упоминаю их в данной статье.

Также вы узнаете как скриншот длинной страницы в браузере Mozilla Firefox без установки каких-либо дополнений.

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

Войдите на сервис, вставьте в поле ссылку на страницу сайта. Сначала нажмите на кнопку «шестеренка» (настройки), выберите настройки для создания скриншота веб-сайта. С помощью кнопки «Snap» сохраниите снимок веб-страницы, или отправьте скриншот в Pinterest, можно конвертировать изображение в формат PDF, получить ссылку на изображение страницы сайта.

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

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

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

Сервис web-capture поддерживает сохранение скриншота в следующих форматах:

• JPEG, PDF, TIFF, BMP, PNG, PS, SVG

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

Для создания полных скриншотов веб-страниц непосредственно на страницах сайтов, можно установить букмарклет на панель закладок в браузере. После клика по букмарклету, откроется страница сервиса web-capture net, на которой вы можете сделать скриншот сайта целиком онлайн.

Сервис IMGonline.com.ua предназначен для обработки JPEG фотографий онлайн. Помимо множества полезных функций, на сайте работает сервис для создания из веб-страницы картинки онлайн.

Создание скриншота страницы сайта целиком онлайн проходит в несколько этапов:

1. Ввод URL адреса сайта.
2. Параметры создания скриншота (вся высота страницы сайта, или только видимая часть, отключение при необходимости картинок и javascript).
3. Изменение размеров полученного скриншота (при необходимости).
4. Выбор формата файла: PNG, Стандартный JPEG, Прогрессивный JPEG, и качества JPEG файла.
5. Запуск обработки.

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

Сервис генерирует скриншоты сайтов онлайн. Сначала необходимо ввести адрес сайта, затем выбрать размер: ширина и высота, или полноразмерный вариант веб-страницы, затем выбрать формат: JPEG или PNG, и масштабирование.

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

На бесплатной версии сервиса Screenshotmachine.com можно сделать скриншот веб-страницы полностью. Вставьте ссылку в поле «Enter web page URL», а затем нажать на кнопку «start capture».

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

Сервис для создания скриншотов сайтов на русском языке. На сервисе можно сделать снимок веб-страницы сайта целиком онлайн.

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

Как сделать скриншот веб-страницы полностью в Mozilla Firefox

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

Нажмите одновременно на клавиши клавиатуры: «Ctrl» + «Shift» + «I». После этого откроется панель инструментов разработки. В правой части панели нажмите на кнопку «Настройки инструментов» (шестеренка). В разделе «Доступные кнопки инструментов» активируйте пункт «Сделать скриншот всей страницы».

Далее зайдите на страницу сайта, с которой вам нужно сделать скриншот, нажмите на кнопки «Ctrl» + «Shift» + «I». В правой части панели инструментов разработки, вы увидите кнопку «Сделать скриншот всей страницы» (фотоаппарат). Нажмите на кнопку, снимок полной веб-страницы сохранится в папке для загрузок браузера.

Выводы статьи

С помощью сервисов: Snapito, Web Capture, IMGonline, S-shot.ru, Screenshot machine, ScreenPage.ru, можно сделать сделать скриншот веб-страницы, сохранив веб-страницу полностью. Ссылка на снимок страницы сайта будет сохранена на сервисе на некоторое время, скриншот можно сохранить на свой компьютер в поддерживаемом формате (в основном. поддерживаются форматы: JPEG или PNG). Мне больше всего понравились онлайн сервисы: Web Capture, Snapito, IMGonline, S-shot.ru.

Скриншот всей веб-страницы можно сделать штатными средствами в браузере Mozilla Firefox.

Как сделать скриншот страницы — вопрос настолько простой, насколько только может быть простое нажатие одной клавиши на компьютере!

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

Полезная азбука:

Screenshot — от англ. «выстрел», «снимок».

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

Понадобится: руки и программа Paint. Может вы не знаете, но она у вас уже есть, если пользуетесь Windows, она по умолчанию входит в пакет стандартных программ. Я с ней работал еще в древних версиях винды.

Создание скриншота в программе Paint.

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

Что такое скриншот?

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

Я знаю, как создать скриншот страницы несколькими способами, но обычно пользуюсь одним. Я не дизайнер и владею фотошопом на бытовом уровне, поскольку всю жизнь работал с текстами и моей главной программой был Word. Но скриншот, бывало, требовался время от времени. И делал я его в очень простой программе PAINT, которая есть в любом Windows. Чем мне нравится эта программа:

1. В ней можно скриншот обрезать.
2. Изменить размер в пикселях или процентах.
3. Нарисовать что-нибудь: стрелку, выделить элемент овалом и т. п..
4. Повернуть слева на право изображение.
5. Сделать какую нибудь надпись.
6. Стереть то, что не надо и залить любым цветом.

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

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

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

Инструкция «Как работать в программе Paint»

• Чтобы создать скриншот, нужно открыть ту страницу, которую хотите «сфотографировать», и нажать на одну-единственную кнопку клавиатуры . Расположена она обычно в самом верхнем ряду и называется Prt Sc (принт скрин) . Все, кадр снят.
• 2. Открыть программу Paint. Для этого идем в меню ПУСК — ВСЕ ПРОГРАММЫ — СТАНДАРТНЫЕ — PAINT — ОТКРЫТЬ. Программа загрузится, и откроется главное окно:

• 3. Вставить скриншот в программу. В пункте 1 мы его сохранили — он в буфере, теперь его нужно перенести в любую программу, чтобы сохранить как изображение. Для этого нужно просто нажать на значок ВСТАВИТЬ в верхнем левом углу (на картинке выделено красным кружочком).

• 4. Сохранить. Если вам нужен снимок весь целиком (скриншот экрана компьютера), то на этом этапе можно сохранить изображение. Нажмите на значок дискеты в верхнем левом углу (выделено синим кружочком). Появится новое окно:

В самом верхнем поле задайте путь , куда сохраняете файл.

В поле ИМЯ ФАЙЛА введите название скриншота . Желательно латиницей, по-английски — особенно если сохраняете фото или скриншот для блога. Вообще лучше сразу привыкать все файлы сохранять на латинице — так корректнее. Например, при восстановлении блога из бекапа изображения, названные кириллицей, обычно слетают. Потом приходится вручную возвращать назад каждое. Я пренебрегал правилом до первого бекапа…

В поле ТИП ФАЙЛА выберите расширение . Я обычно выбираю JPEG — он меньше весит. В конце нажмите СОХРАНИТЬ. И всё, скриншот готов!

Как обрезать скриншот

Если вам нужна часть экрана, то скриншот, перед тем как сохранить, нужно обрезать. Возвращаемся в пункт 3: вставили скриншот в программу.

Переходим на вкладку ВИД — УМЕНЬШИТЬ.

Возвращаемся на вкладку ГЛАВНАЯ и щелкаем мышью на кнопку ОБРЕЗАТЬ. Курсор станет в виде прицела.

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

По выделенному фрагменту щелкните правой мышкой. Нажмите КОПИРОВАТЬ.

Теперь скопированный фрагмент нужно вставить в чистый документ и сохранить его. На нижнем рисунке это зона, выделенная красным овалом : щелкаем по маленькой белой стрелочке, в выпадающем окне выбираем СОЗДАТЬ. Открывается чистый лист. Нажимаем на ВСТАВИТЬ. Фрагмент появляется в окне. Нажимаем СОХРАНИТЬ (иконка дискеты) и сохраняем, как в пункте 4.

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

И обещанный бонус. Если нужно сделать на скришоте какую-нибудь надпись, перед тем как сохранить, войдите в меню текстового редактора (на рисунке выше это буква А, выделенная синим кружком ). Затем щелкните мышью по той области экрана, где хотите создать надпись, и, удерживая левую кнопку мыши, выделите нужную зону. Появится пунктирный прямоугольник, в котором можно написать текст.

В красном овале : выбирается шрифт и его размер.

Зеленый овал : выбирается цвет шрифта.

Синий овал : прозрачный или непрозрачный фон под текстом.

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

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

Расширение FireShot

Оказывается, не нужно было далеко «ходить»: в магазине Google Chrome существует специальное расширение под названием FireShot, которое позволяет делать скриншоты веб-страниц на компьютере буквально в 1 клик.

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

Установка расширения FireShot в браузер

Для того, чтобы найти расширение FireShot, вам необходимо ввести его название в поисковой строке Google. Первая позиция в выдаче – обычно ссылка на магазин.

После этого действия в панели браузера Google Chrome отобразится значок с английской буквой S.

Как работает расширение FireShot

Теперь, если мы кликнем по данной иконке, откроется небольшое меню со следующими позициями:

• Захватить всю страницу, т.е. соответственно именно эта функция решает проблему, как сделать скриншот страницы на компьютере полностью;
• Захватить видимую область, т.е. один экран;
• Захватить регион – часть экрана.

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

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

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

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

Программа FastStone Capture

Второй способ, как сделать скриншот страницы на компьютере полностью – это воспользоваться программой FastStone Capture. Насколько я знаю, данная программа платная. Но ни для кого не секрет, если хорошо поискать в Интернете, можно найти и бесплатный вариант.

О том, что есть такая программа, мне известно давно, но пользоваться я ей начала совсем недавно, и кстати, безумно довольна ее функционалом!

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

Как работает программа FastStone Capture

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

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

Происходит автопрокрутка, и готовый снимок открывается в новом окне.

В новом окне вы можете выделить важные объекты на скриншоте, например, с помощью функции Рисование . Здесь вам доступна работа с надписями, указание стрелками, выделение с помощью рамок и т.д.

Интересная функция – эффект рваного края у скриншотов (наверняка вы заметили это в моих статьях), тоже можно поиграться).

Так же мне понравилась функция Размытие , – с помощью нее вы можете на снимке слегка размыть те участки, которые хотите скрыть от глаз читателей.

Что еще может программа FastStone Capture

Хотелось бы отметить еще пару преимуществ данной программы. Во-первых, она позволяет снимать видео с экрана(!). Это актуально для тех, кто еще плохо разбирается в специальных софтах. Здесь это реализовано очень просто. Вам лишь необходимо выбрать опцию «запись видео с экрана», область и кликнуть по кнопке Запись. Все!

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

На самом деле весь функционал программы FastStone Capture я до конца еще сама не изучила. Тем не менее могу с уверенностью порекомендовать данную программу всем, кто работает в Интернете, – она вам обязательно пригодится.

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

P.S. Забыла уточнить одну деталь: если вы делаете скриншоты одностраничников с анимацией, то в том и другом варианте отображаться они будут не очень корректно.

Программа «Ножницы» в Windows 7

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

Подробнее

Mac OS

Чтобы сделать скриншот в Maс OS, нажмите сочетание клавиш ⌘ Cmd + Shift + 3 . На рабочем столе появится файл со снимком всего экрана.

Если вы хотите сделать снимок конкретной части экрана, нажмите сочетание клавиш ⌘ Cmd + Shift + 4 и выделите курсором нужную область экрана.

Чтобы сделать скриншот только активного окна, нажмите сочетание клавиш ⌘ Cmd + Shift + 4 , а затем нажмите Пробел .

iOS

Платформа iOS позволяет сделать скриншот стандартными средствами начиная с версии 2.x. Чтобы сделать снимок экрана, нажмите и удерживайте пару секунд кнопки Режим сна/Пробуждение и Домой . Полученные снимки сохраняются в стандартном приложении Фото .

Android

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

• Android 4.x, 5.х, 6.х
• Android 3.2 и выше
• Android 1.x и 2.x
• Samsung

Нажмите и удерживайте пару секунд кнопки Уменьшение громкости и Питание .

Нажмите и удерживайте некоторое время кнопку Недавние программы .

Платформа Android версии 2.x и ниже не поддерживает снятие скриншотов стандартными средствами. Необходимо использовать сторонние приложения, установленные из Google Play.

Нажмите и удерживайте пару секунд кнопки Домой и Питание или Назад и Домой (в зависимости от устройства).

Последовательно нажмите и удерживайте пару секунд кнопки Питание и Домой .

Windows Phone

• Windows Phone 8.1 и 10
• Windows Phone 8