Как сделать полный скриншот страницы. Скриншот веб-страницы одним нажатием
Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.
Мы разберем как сделать полный скриншот вашего веб сайта целиком и параллельно разберем сервисы, программы и инструменты для создания скриншотов ваших сайтов.
Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.
Как сделать скриншот сайта целиком онлайн?
Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 – программа, позволяющая делать скриншоты полностью или в виде превью. Ее основным преимуществом является работа с командной строкой, которая позволяет автоматизировать процесс снятия копий сайта с экрана.
FastStone Capture – мощная утилита для создания скриншотов сайтов целиком с плавающей панелью управления. Можно делать разные по форме снимки.
Paparazzi! – небольшое приложение для операционной системы Mac OS X с функциями делания снимков с экрана.
Инструменты создания скриншотов онлайн
– простой онлайн инструмент по такому же типу, как я описывал в самом начале статьи. Просто вставляете ссылку и нажимаете на Thumb It. Неудобство в том, что оставляет свой копирайт на снимке.
На этом у меня все. Я думаю, что список получился хороший. У вас есть, что выбрать. Если будете спрашивать какой лучше, то тут отвечу – только методом проб и тестирования. Еще раз повторюсь, что лично я пользуюсь LightShot для хрома. Им я просто нереально доволен.
Как сделать скриншот веб-страницы целиком, без использования программ и расширений браузеров для создания снимков экрана (скриншотов)? В интернете есть специализированные онлайн сервисы, с помощью которых можно сделать скриншот целой веб-страницы, а не только видимой части сайта на экране монитора.
При помощи онлайн сервиса можно сделать скриншот веб-страницы полностью без установки дополнительного софта на компьютер: специализированных программ или расширений в браузере. Онлайн сервис генерирует скриншот длинной страницы, создает миниатюру сайта, которую можно сохранить на компьютер.
Принцип работы онлайн сервиса для создания снимка страницы сайта следующий: необходимо скопировать ссылку со страницы сайта: с главной страницы или любой другой страницы сайта, настроить параметры, а затем запустить обработку веб-страницы. После преобразования, пользователь получит ссылку на изображение на сервере, которое будет сохранено некоторое время, и возможность сохранить снимок страницы сайта на свой компьютер в поддерживаемом формате.
Имейте в виду, что не все программы и расширения для создания скриншотов имеют функциональную возможность для создания снимка страницы сайта целиком, а не только видимой части сайта на экране монитора.
Скриншот веб-страницы - точный снимок сайта полностью, имеет несколько названий, упоминаемые в интернете: 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 фотографий онлайн. Помимо множества полезных функций, на сайте работает сервис для создания из веб-страницы картинки онлайн.
Создание скриншота страницы сайта целиком онлайн проходит в несколько этапов:
- Ввод URL адреса сайта.
- Параметры создания скриншота (вся высота страницы сайта, или только видимая часть, отключение при необходимости картинок и javascript).
- Изменение размеров полученного скриншота (при необходимости).
- Выбор формата файла: PNG, Стандартный JPEG, Прогрессивный JPEG, и качества JPEG файла.
- Запуск обработки.
После завершения обработки, откройте в браузере созданный скриншот, или скачать его на свой компьютер.
Сервис генерирует скриншоты сайтов онлайн. Сначала необходимо ввести адрес сайта, затем выбрать размер: ширина и высота, или полноразмерный вариант веб-страницы, затем выбрать формат: 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.
Я много раз видел в интернете изображения на которых был виден весь сайт от начала до конца. Необходимость в такой картинке возникает тогда, когда необходимо визуально оценить как будет выглядеть Ваш сайт или отдельная его страница полностью. Но стандартные встроенные средства операционной системы, в частности функция клавиши «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
позволяет делать скриншот того, что видите именно Вы в настоящий момент. Ведь при следующем посещении картинка может быть иная. Иными словами, увидел что-то интересное — мгновенно, нажатием одной кнопки, сделал копию экрана.
Нередко пользователи компьютера и Интернета сталкиваются с необходимостью сделать снимок того, что происходит на экране компьютера, проще говоря, сфотографировать экран или его часть. Такой снимок по-научному называется скриншот (от английского слова screenshot).
Скриншот - это снимок экрана, то есть изображение (фотография) того, что видит человек на мониторе компьютера.
Приведу несколько примеров того, когда и зачем он может понадобиться:
- Вы столкнулись с какой-то компьютерной проблемой или вопросом и решили обратиться за помощью к знакомому по электронной почте. Объяснять все, что происходит на Вашем компьютере словами - слишком долго и не всегда уместно. А вот сфотографировать и продемонстрировать «проблемный» момент - в самый раз. Это и быстро и удобно!
- Вы пишете инструкцию по работе с определенной компьютерной программой. Будет просто чудесно, если Вы добавите в нее иллюстрации (как в этой статье, например).
- Вы студент и хотите, чтобы Ваша работа по компьютерной дисциплине (реферат, курсовая, диплом) получила высокую оценку. В этом случае иллюстрации будут большим плюсом.
- Вы любите играть в компьютерные игры и хотели бы «запечатлеть» интересные моменты.
Как сделать скриншот в Windows. Кнопка Print Screen
Если делать скриншоты Вам нужно от случая к случаю, то есть не много и не часто, то проще всего будет воспользоваться кнопкой Print Screen (также она может называться «Prt Scr») на клавиатуре компьютера.
Как правило, после нажатия на нее ничего не происходит - ни щелчков, ни вспышек. Но сфотографированный экран будет уже «зафиксирован» в памяти компьютера.
Затем следует открыть какую-нибудь программу для работы с изображениями (Paint, Photoshop или другую похожую) или же программу Microsoft Word и вставить внутрь сфотографированный экран.
Покажу, как это делается в программе Paint, так как это стандартная программа, и она есть практически на каждом компьютере.
И, наконец, откройте программу Paint (Paint.net).
Нажмите на кнопку «Вставить» или на пункт «Правка» и выберите «Вставить».
Вот и все - скриншот вставился! Теперь осталось его сохранить на компьютере (Файл - Сохранить как...).
В том случае, если Вы хотите вставить этот снимок в программу Microsoft Word, поставьте мигающий курсор в нужное место листа, щелкните правой кнопкой мышки и выберите пункт «Вставить».
Подытожим. Если Вы хотите сделать скриншот экрана целиком , нужно:
- нажать на кнопку Print Screen на клавиатуре
- открыть программу Paint, Photoshop или Microsoft Word
- вставить в нее снимок
- сохранить на компьютере
В том случае, если нужно сделать снимок только одного окна , которое открыто в данный момент, нажмите комбинацию клавиш Alt и Print Screen, вставьте в нужную программу и сохраните.
Этот способ универсален, то есть он подходит для любой версии Windows.
Снимок экрана через «Ножницы»
Если на Вашем компьютере установлены Windows Vista, Windows 7 или 8, есть более удобный способ «фотографирования» экрана. Это небольшая программка под названием «Ножницы» (Snipping Tool). Поговорим о ней подробнее.
Нажмите на кнопку «Пуск» в нижнем левом углу экрана.
Откроется список. Выберите из него пункт «Все программы» («Программы»).
Появится довольно большой список. Выберите пункт «Стандартные».
И, наконец, откройте программу «Ножницы» (Snipping Tool).
Если такой программы у Вас нет, значит, в Вашу систему она просто не «встроена». В этом случае делайте снимки предыдущим способом.
Скорее всего, появится небольшое окошко, а весь остальной экран как будто «затуманится».
Курсор же будет в виде «плюсика». Вот этим плюсиком необходимо выделить нужную часть экрана или экран целиком, то есть нажать левую кнопку мышки и, не отпуская ее, провести по этой части. Как только Вы отпустите левую кнопку мышки, выделенная Вами часть «вырежется» и «добавится» в специальную небольшую программку.
В ней можно будет сделать некоторые правки и сохранить получившийся скриншот на компьютер (Файл - Сохранить как...).
Программы для создания скриншотов
В том случае, если Вам нужно часто делать скриншоты, лучше воспользоваться специальными программами для создания и редактирования снимков экрана. Таких программ очень много. Есть прекрасные платные варианты, например, SnagIt или FastStone Capture. Но есть и не менее замечательные бесплатные версии.
Я попробовал многие из них. Расскажу о тех, которые особенно понравились и которыми пользуюсь сам.
Screenshot Maker - очень удобная, быстрая программа с множеством функций. Можно «фотографировать» как экран целиком, так и его часть, изменять получившийся снимок, сохранять в разных форматах и с разными настройками качества.
Скачать эту программу (версия Free) можно с официального сайта или нажав на ссылку .
Hot Key Screenshot - прекрасно подойдет тем, кто любит компьютерные игры. Она быстро создаст скриншот при помощи назначенной клавиши и сохранит его на компьютер в специальную папку pic (находится в папке с программой). Не требует установки.
Расширение 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. Забыла уточнить одну деталь: если вы делаете скриншоты одностраничников с анимацией, то в том и другом варианте отображаться они будут не очень корректно.
