Скриншот страницы сайта целиком
Многие часто сталкиваются с необходимостью снимка экрана или страницы сайта, чтобы на полученном изображении была видна скрытая скроллингом область. Скриншот страницы сайта целиком – не такая сложная задача, причем решаемая с помощью множества имеющихся способов.
Ранее мы уже рассматривали вопрос создания скришотов с помощью 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 подойдет для повседневного использования.