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

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

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

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

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

Действий нужно предпринять немного. Прежде всего, вам нужно будет перейти на один очень полезный сервис http://web-capture.net/

Внизу будет поле, где вас попросят ввести адрес сайта. Давайте введем произвольный адрес, к примеру, возьмем сайт студии Артемия Лебедева

http://www.artlebedev.ru/

Делаем полный снимок сайта

Также вы можете выбрать, в каком расширении вы хотите видеть скриншот сайта целиком – например, в jpeg, png и т.д.

Выбор формата скриншота

И потом нажимаете на кнопку «Сделать снимок сайта» (Capture Web Page)

Запускаем процесс формирования снимка сайта

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

Работа идет, процесс кипит

После этого вы получаете уже готовый скриншот сайта в виде превью. Вот как на этом примере:

Получаем готовый вариант

Кстати, у меня есть статья Как добавить превью видео вместо миниатюры в WordPress

Вы можете его сразу же просмотреть или скачать к себе на компьютер. Так он выглядит целиком:

Просмотр целого сайта в виде картинки

Соответственно эта картинка масштабируема и при нажатии мышкой она увеличится на всю ширину и высоту.

Как сделать скриншот сайта с помощью сервисов?

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

Первая группа это будут расширения для браузеров.

сервис save as image

Save as imageпозволяет сохранить часть кадра экрана как изображение. Расширение для Mozilla FireFox.

Pearl Crescent Page Saver – сохраняет изображения или веб страницы сайта целиком или частично в форматах jpeg или png. Есть возможность масштабирования изображения до меньшего изображения к большому.

IESNAPSHOTTER 1.01 – расширение для браузера Internet Explorer. Тут на любителя. Оно платное, на официально сайте вроде есть демка. Можно поюзать ее бесплатно.

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

Есть как встроенное расширение для Google Chrome, так и десктопный вариант. У меня стоят оба варианта. Тот, который на компе вообще идеален. Просто нажимаете на клавиатуре кнопку PrtSc и пользуетесь всеми его возможностями.

Устанавливаемые программы на ПК

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

Программа webshot

SnagItбезусловно, одна из лучших программ для захвата изображения сайта со всеми параметрами, которые вам необходимы. Интеграция с FireFox, можно заменить стандартную команду в Windows. Она платная, стоит 39 баксов, есть демо версия, чтобы попробовать бесплатно. На торрентах, я так думаю, найти можно и бесплатную версию.

Snagit

FastStone Captureмощная утилита для создания скриншотов сайтов целиком с плавающей панелью управления. Можно делать разные по форме снимки.

Faststone

Paparazzi! – небольшое приложение для операционной системы Mac OS X с функциями делания снимков с экрана.

Paparazzi

Инструменты создания скриншотов онлайн

Thumbalizrпростой онлайн инструмент по такому же типу, как я описывал в самом начале статьи. Просто вставляете ссылку и нажимаете на Thumb It. Неудобство в том, что оставляет свой копирайт на снимке.

Thumbalizr

На этом у меня все. Я думаю, что список получился хороший. У вас есть, что выбрать. Если будете спрашивать какой лучше, то тут отвечу – только методом проб и тестирования. Еще раз повторюсь, что лично я пользуюсь LightShot для хрома. Им я просто нереально доволен.

Самые читаемые:

Last light – атмосферная игра света и теней
Что делать, ко...
Музыка онлайн на iphone сравнение сервисов от Apple, Google и Яндекс
ВКонтакте это...
Установка Windows 7 поверх Windows XP. Инструкция
Мы все знаем, ч...
Если компьютер не видит внешний жесткий диск
Как известно со...
SEO блоги и АГС как так?
Блог дело тонк...
История заработка на игровых серверах просто офигенный пост от Маула!
Интервью с Сане...
Уровни Мюррея
Страничка Форе...
Бессмысленный пост о бессмысленности всего сущего!
Не буду лукави...
Эксперимент по повышению конверсии за счет редизайна
Раз уж я пихну...
Трафик на копипасте отчет №2
Тренд нынче тр...
Тошнота текста что такое?
Что такое тошн...
Добычи дешевого контента для сайта
Сегодня актуал...
Как проверить ссылки на сайт?
Если вы продви...
Что такое категория/рубрика (Category)
Рубрика – это о...
Запрет обновления отдельных плагинов WordPress
Мы уже расска...
Москва
Москва Всем при...
Загон страниц в индекс твиттером
Загон страниц в...
Простая регистрация в twitter или как зарегистрироваться в твиттере
Простая регистр...
Руководство для новичков: как использовать расширенные сниппеты в WordPress
Хотите добавить...
Скликивание рекламы
Скликивание рек...
Строим ТурбоСДЛ Часть 2
Продолжим стро...
Xmlstock. com поднимим манетку с xml лимитов от Яндекса!
На днях дали н...
Я вижу контент повсюду Сеомоз видео
Новое видео от...
8 способов использовать спам по E-mail от Рэнда Фишкина
Рэнд Фишкин се...
Ренд Фишкин: Завязано ли SEO на доступности сайта и качестве контента?
Новое видео от...
Купил Логан )
Пока все пинаю...
Если бы браузеры были девушками
Девушка и брауз...
Перл Ананимуса раскрыт Секрет продвижения прост!!!
Секрет продвиж...

Оставьте первый комментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*