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

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

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

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

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

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

Скриншот страницы сайта целиком в Firefox

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

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

Инструкция:

1. Открываем нужную страницу.

2. Нажимаем одновременно Shift + F2 и внизу появится консольная строка. Там нужно набрать (можно скопировать): «screenshot —fullpage» без кавычек.

Нажимаем «Enter» полученное изображение будет скопировано в папку загрузок.

Можно прописывать в консоли и таким образом: screenshot file.png –fullpage, где вместо file – можно задать любое имя файла

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

Если лень вводить каждый раз команду на английском, то можно поступить следующим образом:

  • Жмем одновременно Ctrl, Shift и I для открытия консольной панели разработчика при открытой странице, которую нужно «фотографировать»
  • Нажимаем иконку фотоаппарата и снимок будет скопирован в папку загрузок:

Если при нажатии комбинации Ctrl+Shift+I не отображается значок фотика,  то для его отображения делаем следующее  — жмем на шестеренку:

 

И ставим галочку на против чебокса, что указан на рисунке ниже:

 

Преимущества:

  • Не требуется никакого софта и дополнительных расширений

Недостатки:

  • Не подойдет для пользователей других веб-браузеров
  • Отсутствует редактор изображений

Скришот страницы с прокруткой при помощи расширения Fireshot

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

Доступен только для Mozilla Fefox и Google Chrom.

Если этот вариант подходит, проделываем следующее:

устанавливаем расширение:

Fireshot для FF

Fireshot для Chrome

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

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

Плюсы:

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

Минусы:

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

 

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

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

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

Инструкция по работе с PicPick

  • Скачиваем программу с официального сайта. Причем можно выбрать как установочный вариант, так и Portable версию (инсталляция не требуется).
  • Инсталлируем, следуя подсказкам установщика.
  • Запускаем PicPick. После запуска обратим внимание на панель задач компьютера. Там появляется иконка PicPick, нажав на которую откроется меню.

 

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

Но для нас важным пунктом в меню будет — «Захват экрана».  Выбрав его нам открывается подменю. Здесь можно задать действие для полeченного результата, выбрать его формат (jpg, gif, png, bmp) и самое главное выбрать ту область, которую и будем скринить:

Как видно на рисунке выше — вариантов много для создания снимка. Поскольку наша задача — скриншот страницы сайта целиком — выбираем «Окно с прокруткой», выбираем область от которой нужно начинать скринить и PicPick проскроллит страницу и выдаст конечное изображение. Его можно обработать и отправить в интернет.

PicPick как и KISS подойдет для повседневного использования.


Похожее

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *