Всех снова рад видеть на своем блоге друзья. Макс Метелев на рабочем месте и сегодняшняя статья будет простой, понятно и интересной.
Мы разберем как сделать полный скриншот вашего веб сайта целиком и параллельно разберем сервисы, программы и инструменты для создания скриншотов ваших сайтов.
Как обычно, все по делу и без воды. Готовы к освоению урока? Тогда, поехали.
Как сделать скриншот сайта целиком онлайн?
Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева — 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 для хрома. Им я просто нереально доволен.
Так или иначе, но каждый человек, который пользуется компьютером или любым другим современным гаджетом, будь то мобильный телефон, планшет или ноутбук, в конце концов сталкивается с определенными проблемами: невозможностью настроить необходимую программу; желанием покончить с назойливым сообщением об ошибке, то и дело выскакивающем на экран; некорректным отображением полюбившегося сайта и так далее. Список «компьютерных» неурядиц, вызывающих затруднения у не опытных пользователей, можно продолжать до бесконечности.
В решении возникших сложностей люди вынуждены прибегать к помощи друзей, специалистов или завсегдатаев тематических форумов, которым порой недостаточно одного лишь рассказа о проблеме.
Как раз таки для более эффективного и оперативного решения проблемы, ее описание, направленное знакомому компьютерщику или айтишникам-форумчанам, стоит подкрепить скриншотом.
Что такое скриншот экрана?
По сути, значение слова скриншот скрывается в составляющих его частях: скрин (от англ. screen – экран) и шот (shot – снимок). То есть, скриншот является ничем иным, как снимком экрана пользовательского устройства. А это значит, что изображение, полученное с помощью скриншота, будет содержать все то же самое, что видел автор скриншота в момент его создания.
Отложите свой фотоаппарат
В большинстве случаев скриншот является цифровым изображением, полученным с использованием встроенных возможностей операционной системы или дополнительных программных продуктов. В этом случае, снимок экрана сохраняется в указанное место на компьютере или другом устройстве, или же попросту копируется в буфер обмена для дальнейшего использования.
Стоит отметить, что довольно часто люди прибегают к «альтернативной» методике создания скриншота с использованием внешних записывающих устройств – например, фотоаппарата или видеокамеры. Скриншоты, полученные подобным способом, отличаются сравнительно низким качеством. Согласитесь ведь, глупо делать снимок экрана одного телефона другим?
Стоит отметить, что, несмотря на развитие компьютерной техники и общий технический прогресс, многие люди по своему незнанию и неопытности продолжают делать снимки экранов своих устройств именно таким способом.
Как сделать скриншот экрана
Количество способов создания скриншотов сопоставимо с количеством операционных систем и программных платформ, благодаря которым функционирует то или иное пользовательское цифровое устройство (компьютер, ноутбук, нетбук, планшет или мобильный телефон).
Во все существующие операционные системы вложены схожие, но имеющие ряд незначительных отличий, механизмы создания скриншотов. Далее мы рассмотрим этот вопрос детальнее.
Как сделать скриншот в Windows
Для наиболее популярной среди пользователей операционных систем - Windows, доступно огромное число вариантов создания скриншотов. Каждый из них хорош по-своему, а решение, какому из них отдать предпочтение, целиком и полностью ложится на плечи пользователя.
Скриншот в Windows штатными средствами
Самый легкий и, пожалуй, самый известный способ создания скриншотов в операционной системе Windows заключается в нажатии клавиши Print Screen (иногда – Prt Scr, PrtSc и т.п.) на клавиатуре. Данная клавиша находится в правой части клавиатуры прямиком над так называемыми «стрелочками».
После нажатия данной клавиши система скопирует полноэкранное изображение состояния экрана компьютера в буфер обмена.
Важно! Владельцам ноутбуков и нетбуков в большинстве случаев следует нажимать клавишу Print Screen вместе с клавишей Fn, что обусловлено меньшим количеством кнопок на клавиатуре переносных компьютеров.
Полученное изображение можно сохранить с использованием популярного редактора Paint. Для этого после нажатия клавиши Print Screen необходимо открыть программу Paint (Пуск – Все программы – Стандартные – Paint) и нажать кнопку Вставить в верхней части экрана.
Скриншот экрана, полученный подобным образом, также можно использовать минуя программу Paint. Например, можно вставить полученное изображение в программу Microsoft Office Word или в сообщение ВКонтакте.
При нажатии клавиши Print Screen в сочетании с клавишей Alt система сделает скриншот только активного окна. Это удобно, когда нет необходимости делать огромный и громоздкий скриншот всего экрана.
Инструмент «Ножницы»Программа «Ножницы» - это инструмент, включенный в набор стандартных приложений Windows Vista, Windows 7, Windows 8 и Windows 10, позволяющий делать и сохранять скриншот отдельной области или всего экрана.
Полученный с использованием «Ножниц» снимок экрана можно сохранить в форматах PNG, JPEG, GIF, HTML или просто отправить по почте. Также на полученном скриншоте удобно создавать примечания, используя встроенные инструменты «Перо» и «Маркер».
Для запуска программы следует перейти по адресу (Пуск – Все приложения – Стандартные – Ножницы). Для удобства дальнейшего использования запущенную программу можно закрепить на панели задач или поместить ее ярлык на Рабочий стол.
Скриншот в Windows с использованием сторонних программ
Существует большое множество программ для снятия и сохранения скриншотов в операционной системе Windows. Рассмотрим наиболее популярные из них.
Программа доступа к сервисам облачного хранения файлов от гиганта отечественной IT-индустрии помимо своего основного функционала позволяет создавать скриншоты части или всего экрана.
С помощью встроенных функций программа позволяет добавить примечание сразу же после создания снимка.
Отличительной особенностью Яндекс.Диска от похожих программ является возможность мгновенного добавления файла в облако и предоставление доступа другим людям к нему по ссылке.
LightShot представляет собой бесплатную и интуитивно понятную программу для снятия скриншотов экрана компьютера или ноутбука. Программа позволяет пользователю выбрать область экрана, скриншот которой нужно сделать.
Полученный скриншот можно редактировать, добавлять на него надписи и отметки. Также доступна загрузка скриншота в облако для предоставления доступа другим людям.
JoxiJoxi – еще один бесплатный скриншотер с возможностью редактирования и сохранения полученных скриншотов в облако. По функциональным возможностям данное приложение очень похоже на LightShot, однако, Joxi обладает одной немаловажной функцией – возможностью делиться полученными скриншотами в социальных сетях.
Как сделать скриншот в Mac OS X
Пользователь Mac OS X может создать несколько типов скриншотов с использованием возможностей одной лишь операционной системы:
Полноэкранный скриншот на рабочий стол.
Комбинация клавиш для создания такого скриншоты выглядит следующим образом: Cmd+Shift+3. Скриншот сохранится на рабочем столе компьютера с названием типа «Снимок экрана 2016-04-06 в 17.23.04.png».
Полноэкранный скриншот в буфер обмена.
Для создания подобного рода скриншота необходимо нажать комбинацию клавиш Cmd+Ctrl+Shift+3. Полученный скриншот сохранится в буфер обмена, после чего его можно вставить, например, в любом графическом редакторе.
Скриншот части экрана.
Скриншот отдельной части экрана – это, пожалуй, наиболее востребованный тип скриншотов. После нажатия комбинации клавиш Cmd+Shift+4 пользователю следует выбрать необходимую область экрана. Готовый скриншот будет доступен на рабочем столе.
Скриншот активного окна программы.
В этом случае готовый скриншот также сохранится на рабочий стол. Для создания подобного скриншота следует нажать комбинацию клавиш Cmd+Shift+4+Пробел. Не очень удобно, согласны?
Именно по этой причине в операционной системе Mac OS X, как и в Windows, рекомендуется использование программ от сторонних производителей.
Важно! Уже знакомые читателю программы Яндекс.Диск, LightShot и Joxi являются кроссплатформенными, а значит, доступны в операционной системе Mac OS X.
Как сделать скриншот в Linux
По сути, Linux не является самостоятельной операционной системой. Это некая основа, на базе которой строятся десятки других похожих между собой и совсем разных операционных систем, дистрибутивов Linux. Однако, очень часто во всех дистрибутивах используются одни те же оболочки.
Стандартные средства создания скриншотов в операционных системах семейства Linux отсутствуют, но рабочие окружения предусматривают для этих целей собственные утилиты. Рассмотрим наиболее распространенные рабочие окружения Linux:
При нажатии клавиши Print Screen в рабочем окружении KDE откроется программа KSnapshot, которая позволит сделать и сохранить скриншот на диск или в буфер обмена, а также передать его в графический редактор для последующей обработки.
Оболочка GNOME позволяет сделать скриншот всего экрана (нажатием клавиши Print Screen) или же его части (нажатием комбинации Alt+Print Screen) посредством использования утилиты gnome-screenshot. Полученное изображение можно сохранить или «перетянуть» на рабочий стол или в графический редактор.
В Xfce скриншоты создаются аналогичным GNOME и KDE образом, но с одним отличием – для этих целей используется утилита xfce4-screenshooter.
X Window System.
Важно! Пользователю вовсе необязательно зависеть от утилиты, присущей конкретному рабочему окружению Linux. Всегда можно сделать скриншот с помощью сторонних программ – LightShot или Joxi, например.
Как сделать скриншот на мобильном устройстве
Среди наиболее распространенных мобильных платформ выделяют:
Счастливые обладатели iPhone и iPad имеют возможность создавать скриншоты экранов своих устройств одновременным нажатием кнопки «Домой» (центральная клавиша) и кнопки блокировки экрана. Экран моргнет, издастся характерный звук, скриншот на iOS готов.
На всех современных смартфонах и планшетах под управлением Android версии 4 и выше скриншот экрана создается одновременным нажатием клавиш питания и уменьшения громкости.
Однако, есть исключения. Так, например, на некоторых моделях HTC и Samsung нужно, удерживая клавишу питания, нажать кнопку «Домой».
На Windows Phone 8 можно сделать скриншот одновременным нажатием клавиши питания и клавиши Windows. Начиная с Windows Phone 8.1, сочетание клавиш изменилось на одновременное нажатия кнопки питания и кнопки увеличения громкости.
В обоих случаях полученное изображение сохранится в Галерее фото.
Также для создания скриншотов на мобильных устройствах можно использовать одно из многочисленных приложений, доступных в Play Market, App Store и Магазине Windows.
Другие виды скриншотов
Как сделать скриншот в игре
Обычно для создания подобного рода скриншотов можно воспользоваться встроенными инструментами компьютерной игры или сторонним программным обеспечением.
Узнать о том, какой клавишей делается скриншот, можно в настройках управления в игре. Обычно это клавиша F12 или все та же Print Screen.
Fraps – это наиболее известная программа для получения скриншотов и записи видео из игр. Программа отличается возможностью достаточно тонкой настройки, что делает использование данной утилиты очень простым и удобным.
Пространство работы Fraps не ограничивается одними лишь играми. С помощью этой программы также можно сделать обычный полноэкранный скриншот рабочего стола.
Как сделать скриншот в браузере
Для того, чтобы сделать скриншот открытой в Chrome, Opera, Firefox или же Яндекс.Браузере странице, лучше всего воспользоваться специальным расширением LightShot для браузеров. Данное расширение является бесплатным и доступно для установки на странице дополнений браузера.
Как сделать скриншот в видеопроигрывателе
Хотите сделать стоп-кадр любимого фильма, но не знаете как? Очень просто. Всего-то нужно воспользоваться одним из множества проигрывателей видео.
Так, например, для получения стоп-кадра в Windows Media Player Classic необходимо поставить видео на паузу в нужном моменте и нажать «Файл – Сохранить изображение» или же воспользоваться комбинацией клавиш Alt+I.
Создание скриншота в VLC Player обеспечивается нажатием «Видео – Сделать снимок» или же комбинацией Shift+S.
В KMPlayer следует кликнуть правой кнопкой мыши по видео и выбрать пункт меню «Захват». Также можно воспользоваться комбинацией клавиш Ctrl+E (скриншот с возможностью выбора имени и места сохранения), Ctrl+A (скриншот сохранится в папке по умолчанию) или Ctrl+C (скриншот сохранится в буфер обмена).
Как сделать скриншот с видео на YouTube
Для этих целей удобнее всего воспользоваться сервисом AnyFrame. Для получения кадров следует указать адрес исходного видео на YouTube, после чего сервис загрузит его и разобьёт на кадры с возможностью их последующего сохранения.
Как сделать длинный скриншот
Порой у людей возникает возможность сделать скриншот целой страницы конкретного веб-сайта. Причиной тому может быть много: анализ сайта конкурента, составление технического задания для программиста, пересмотр дизайна своего собственного сайта и так далее. Рекомендуется воспользоваться одним из онлайн сервисов для создания длинных скриншотов:
- http://www.capturefullpage.com/
- http://ctrlq.org/screenshots/
- http://snapito.com/
Стоит отметить, что помимо онлайн версий, вышеупомянутые сервисы существуют в качестве расширений для браузеров Chrome, Opera и Firefox.
В одном из своих постов я писал про Google Chrome плагин для создания и редактирования скриншотов . Он предоставляет достаточно много инструментов для обработки снимков. Но, как известно больший функционал потребляет больше ресурсов компьютера. Что если все эти инструменты не нужны и перед пользователем стоит всего одна конкретная задача: например, сделать скриншот всей страницы сайта целиком или какой-то отдельной ее части? Устанавливать тяжелое расширение в Google Chrome смысла нет, особенно на слабом ПК.
Есть оптимальный вариант:
FireShot – быстрое создание снимков экрана (скриншотов)
FireShot (урезанная версия) – плагин, который позволит быстро сделать снимок страницы сайта в браузере Google Chrome .
Установка плагина
Установку плагина можно осуществить из интернет-магазина Хрома, перейдя по ссылке:
На открывшейся странице следует нажать «+бесплатно» и подтвердить новое расширение.
После чего в правом верхнем углу браузера вас уведомят об успешной установке FireShot.
При нажатии на значок расширения откроется меню.
Доступно 3 опции:
Захватить всю страницу – скриншот всей страницы сайта , включая прокрутку.
Захватить видимую область – скриншот только той области, которую вы видите в данный момент, без скролла.
Захватить регион – снимок выделенной части экрана .
Обратите внимание, что справа от каждой опции отображается соответствующая комбинация клавиш. Как видите, они очень неудобные. 4 кнопки – слишком много. Поэтому следует зайти в настройки и прописать свои горячие клавиши, которые будут вам удобны. Главное, чтобы они не совпадали со стандартными горячими клавишами Google Chrome, во избежание конфликта.
Так же в настройках можно выбрать один из двух форматов скриншотов по умолчанию: JPG и PNG.
Как я уже упомянул, это урезанная версия, предоставляющая лишь минимальный функционал. На странице сохранения скриншота есть ссылка, перейдя по которой можно сделать апгрейд до PRO версии, в которой доступно значительно больше возможностей.
У пользователей iPhone и Android-устройств иногда возникает необходимость с прокруткой, например, всей страницы новостного веб-сайта или полной переписки в мессенджере. В данном случае справиться с задачей помогут специальные инструменты от сторонних разработчиков.
Вконтакте
Существует несколько оптимальных приложений для создания скриншотов с прокруткой, которые можно с легкость установить из App Store или Play Store.
iOS
Приложение Tailor является абсолютно бесплатным и очень удобным в использовании. Инструмент позволяет создавать и автоматически объединять несколько скриншотов. Tailor прекрасно справляется с длинными статьями, перепиской и планами, соединяя снимки в одно большое целостное изображение.
Для Android
Создание скриншотов с прокруткой, возможно, не самая необходимая функция, однако, если пользователю потребуется выполнить подобного рода задачу, Tailor и Stitch & Share станут отличными помощниками.
Доброго времени суток, подписчики сайта сайт и его гости. Почти у каждого компьютерного пользователя рано или поздно возникает необходимость сфотографировать данные на экране и отправить их приятелю или к примеру, коллеге. О том, как сделать скриншот страницы я и расскажу вам в этой статье.
Необходимость сделать скрин, может возникнуть в разных случаях. Часто существуют и альтернативные варианты передачи информации, но пользоваться функцией «Print Screen » куда быстрее и удобнее. Итак, начнем разбираться.
У каждого пользователя есть клавиатура, даже на ноутбуке, вы найдете заветную кнопку «Print Screen » или как еще ее часто указывают «Prnt Scr ». Нажимая на нее, вы автоматически копируете фото-данные в буфер компьютера, которые сможете потом вставить в документ или сохранить отдельным файлом. Если в первом случае вам нужно будет поставить курсор в нужном месте, нажать правую кнопку мыши и выбрать «Вставить », то во втором – чуть посложнее.
Сохранение скрина с помощью Paint
Итак, нажатием клавиши «Prnt Scr », не имея установленных дополнительно программ для создания скринов, вы скопируете целиком ту часть, что изображена на экране. Если ее нужно будет обрезать – впоследствии вы сможете это сделать с помощью программы Photoshop или другой аналогичной. Если у вас в «Пуске » имеется стандартная для седьмого виндоуса опция «Ножницы », то вы можете применить для обрезки её.
Мы рассмотрим вариант сохранения скрина с помощью стандартной программы «Paint», которая устанавливается при инсталляции ОС Windows.
Итак, вам нужно пройти по такому пути: «Пуск»-«Все программы»-«Стандартные»-«Paint» . Таким образом, вы запустите программу и при ее открытии вы увидите белый лист. Он и подойдет для вставки изображения. Проще всего внедрить сфотографированную картинку, одновременным нажатием горячих клавиш «Ctrl+V », что выполняет функцию «Вставить ». Если вы сделали все правильно, то увидите вставленный скрин на своем экране.
Также вы можете добавить изображение нажатием кнопки «Вставить », изображенной в палитре инструментов утилиты.
Если вам нужно обрезать кадр, то воспользуйтесь инструментами программы.
Для сохранения скрина, нажмите горячие клавиши «Ctrl+S » или воспользуйтесь меню.
Создание скрина с помощью Lightshot
Если вы относительно часто делаете скриншоты изображений не всей области, а определенной части, то без вспомогательной программы, которая на этом специализируется, вам просто не обойтись. Конечно, вы можете выбрать другие методы, но это увеличит затраченное время на обработку и сохранение кадра, минимум в 5 раз.
Скачать утилиту, которая отлично создает скрины и не перегружена дополнительными возможностями, вы можете по прямой ссылке . Сохраняйте файл «exe » в удобном вам месте и начинайте установку, выбирая русский язык.
Принимайте условия и переходите к следующим шагам, нажимая «Далее ». Когда инсталляция «Lightshot » будет завершена, пробуйте нажимать заветную кнопку скрин и увидите, что границы окна выделения можно регулировать.
Также вам будут доступны некоторые дополнительные функции, расположенные вертикально:
- Карандаш – произвольный рисунок на скрине;
- Линия – линейные пометки;
- Стрелка – указатели на изображении;
- Прямоугольник – прямоугольное выделение области на скрине;
- Маркер – жирное выделение (например, текста);
- Цвет — выбор цвета для написания или выделения;
- Текст – написание текста;
- Отменить – отмена последнего действия или нескольких.
И функции, расположенные горизонтально:
Как видите, в пару кликов можно сделать снимок экрана, откорректировать его согласно своим нуждам и сохранить.
Надеюсь, вы найдете несколько минут для освоения такой удобной и незаменимой утилиты. При или блога, вам она обязательно пригодится. Подписывайтесь на новости моего ресурса.
Всем пока!
P/S
С уважением, Александр Сергиенко