Как сделать скриншот сайта для портфолио

Как сделать скриншот сайта для портфолио

Как сделать скриншот веб страницы

При заполнении портфолио у начинающих копирайтеров часто возникают трудности с созданием скриншота не части статьи, а целого текста.

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

Эта работа кропотливая и рутинная, времени на нее уходило немало, поэтому пополнение портфолио свежими текстами вызывало не энтузиазм, а совершенно противоположные чувства.

Но однажды, совершенно случайно, мне попался на глаза плагин screen-capture, разработанный Google. Благодаря этому бесплатному приложению на решение задачи, как сделать скриншот веб страницы для портфолио, стало уходить гораздо меньше времени.

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

Теперь заполнение портфолио стало сплошным удовольствием: только ради этого приложения копирайтерам стоит установить браузер Google Сhrome, если он еще не установлен.

Преимущества расширения screen-capture

  • Легкость установки (плагин без каких-либо сложностей устанавливается и встраивается в браузер).
  • Не требует дополнительного использования платных программ.
  • Большой выбор опций: снимок как части веб-страницы, так целиком (с прокруткой).
  • Автосохранение на компьютере в удобном формате.
  • Полученные скриншоты можно отправить в известные всем русским пользователям Picasa, Facebook, а также в Sina и Imgur (вдруг кому пригодится).

Найти и установить это бесплатное приложение вы сможете в интернет-магазине Chrome.

После установки расширения screencapture значок приложения станет отображаться в вашем браузере.

Для настройки приложения зайдите в «Настройки и управление Google Сhrome» (иконка справа) – инструменты – расширения – «Захват экрана».

  • Укажите формат сохранения — JPEG (по моему мнению — наиболее оптимальный) или PNG — в этом формате качество изображения намного лучше.
  • Чтобы скриншоты автоматически складывались в папку — отметьте галочкой пункт «Автосохранение». По умолчанию снимки сохраняются в папку «Мои рисунки», но вы можете выбрать другую папку.
  • Не забудьте сохранить настройки.

Чтобы создать снимок с экрана, нажмите на значок screen-capture и выберите нужную опцию. Для копирайтера особый интерес представляют две из них.

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

Захват всей страницы – если хочется быстро получить снимок полностью.

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

Далее нажимаем на кнопку «Ок».

На открывшейся новой странице сохраняем изображение, нажав на кнопку «Сохранить» и указав нужную папку на компьютере.

Также полученное изображение вы можете отправить в Picasa, Facebook…

… или просто полюбоваться полученным результатом.

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

Как сделать скриншот сайта для портфолио

Для создания скриншота сайта достаточно одного параметра — его адреса.

http://mini.s-shot.ru/? адрес страницы

разрешение — указывается в пикселях, например (1024×768), для полноразмерного скриншота указываем только ширину (1024)

размер — указывается ширина масштабированной картинки

формат — может принимать два значения (JPEG|PNG), по умолчанию «JPEG»

6 сервисов для создания скриншота веб-страницы полностью

Как сделать скриншот веб-страницы целиком, без использования программ и расширений браузеров для создания снимков экрана (скриншотов)? В интернете есть специализированные онлайн сервисы, с помощью которых можно сделать скриншот целой веб-страницы, а не только видимой части сайта на экране монитора.

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

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

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

В данной статье вы найдете 6 онлайн сервисов, работу которых я проверил: Snapito, Web Capture, IMGonline, S-shot.ru, Screenshot machine, ScreenPage.ru. К сожалению, некоторые другие сервисы, упоминаемые в интернете, не прошли проверку, поэтому я не упоминаю их в данной статье.

Также вы узнаете как скриншот длинной страницы в браузере Mozilla Firefox без установки каких-либо дополнений.

Можно сделать скриншот страницы сайта целиком онлайн на сервисе Snapito.com .

Войдите на сервис, вставьте в поле ссылку на страницу сайта. Сначала нажмите на кнопку «шестеренка» (настройки), выберите настройки для создания скриншота веб-сайта. С помощью кнопки «Snap» сохраниите снимок веб-страницы, или отправьте скриншот в Pinterest, можно конвертировать изображение в формат PDF, получить ссылку на изображение страницы сайта.

Читать еще:  Фаерфокс блокирует сайты как отключить

После запуска создания снимка всей страницы сайта, вы получите ссылку на скриншот сайта, которую можно скопировать (снимок на сервисе будет храниться до 30 дней), скриншот можно редактировать в редакторе сервиса, или сохранить оригинальный снимок на свой компьютер в формате «JPG».

Web Capture

Сервис web-capture.net имеет поддержку русского языка. Сервис обеспечивает генерацию полноразмерных скриншотов, конвертируя снимок веб-страницы сайта в разные форматы файлов.

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

Сервис web-capture поддерживает сохранение скриншота в следующих форматах:

  • JPEG, PDF, TIFF, BMP, PNG, PS, SVG.

Далее нажмите на кнопку «Сгенерировать скриншот веб-страницы».

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

Для создания полных скриншотов веб-страниц непосредственно на страницах сайтов, можно установить букмарклет на панель закладок в браузере. После клика по букмарклету, откроется страница сервиса web-capture net, на которой вы можете сделать скриншот сайта целиком онлайн.

Сервис IMGonline.com.ua предназначен для обработки JPEG фотографий онлайн. Помимо множества полезных функций, на сайте работает сервис для создания из веб-страницы картинки онлайн.

Создание скриншота страницы сайта целиком онлайн проходит в несколько этапов:

  1. Ввод URL адреса сайта.
  2. Параметры создания скриншота (вся высота страницы сайта, или только видимая часть, отключение при необходимости картинок и javascript).
  3. Изменение размеров полученного скриншота (при необходимости).
  4. Выбор формата файла: PNG, Стандартный JPEG, Прогрессивный JPEG, и качества JPEG файла.
  5. Запуск обработки.

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

25 комментариев

Спасибо за инфу. Возможно, когда нибудь, мне это пригодится. А так, мне проще PrintScreen нажать и Paint Net запустить. Быстрее.

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

Спасибо. Очень интересно и полезно.
Мне часто приходится сохранять адреса сайтов, чтобы потом к ним вернуться (уроки, обучаловки и пр.). Но не везде при моих походах есть свободный беспарольный вай-фай (ну, почему мы не в Люксембурге?).
Правда, есть одна слабость: можно только читать и смотреть картинки, с видео — увы.
Спасибо и успехов в добрых делах.

Огромное спасибо за эту инфу! И за все то, что Вы на сайте публикуете.

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

Скриншот (от англ. «screenshoot») — снимок экрана. Проще говоря, это изображение, захватывающее видимую часть экрана, которую наблюдает пользователь на своем мониторе.

В OS Windows сделать скриншот очень просто: для этого достаточно нажать клавишу PrtScr (PrintScreen),после чего открыть любой графический редактор (допустим, Paint) и вставить картинку через контекстное меню или нажатием комбинации клавиш Ctrl+V.

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

Как сделать скриншот через браузер?

Полноэкранный скриншот через браузер Mozilla FireFox.

Вариант 1: Для этого необходимо открыть браузер, вызвать командную строку нажатием комбинации клавиш Shift+F2. Далее в строку вбиваем команду screenshot—fullpage (между screenshot и fullpage два дефиса) и нажимаем Enter, после чего снимок экрана сохранится автоматически на жесткий диск компьютера.

Вариант 2: Нажимаем на три точки около адресной строки браузера (обведены красным на рисунке 1), и в выпавшем меню выбираем «сделать скриншот».

(рис. 1)

Скриншот через браузер Opera

Для того, чтобы сделать полноэкранный скриншот в Opera, необходимо открыть главное меню и выбрать пункт «Снимок». (рис. 2)

(рис.3 )

Скриншот через браузер Google Chrome

(рис.5)

Онлайн — сервисы для создания скриншотов

  1. https://www.s-shot.ru/
  2. https://web-capture.net/ru/
  3. https://snapito.com/

На этом все. Спасибо, что дочитали. Если у вас есть вопросы, то задавайте их в комментариях!

Похожие записи ‘

Как исправить неправильные кавычки в Вордпресс

Если у вас есть блог на Вордпресс, то вы с вероятностью 99% сталкивались с.

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

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

Казалось бы, скриншот экрана — что может быть проще? Но если надо сохранить не только видимую на мониторе часть, а полную страницу сайта, с прокруткой до самого низа? Или сделать снимок страницы из Word, а она, страница, на экран монитора никак не помещается? А уж тем более, если страниц этих несколько. Например, договор какой-нибудь важный. Что тогда делать? Стандартными встроенными в Windows средствами тут никак не обойтись! Вот об этом мы сейчас и поговорим.

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

Периодически проверяю качество работы каждого ресурса.

Дата последней проверки работы программ и сервисов 20 марта 2019 года.

Читать еще:  При загрузке оперы загружается ненужный сайт

Когда нужен скриншот целой страницы, какой способ выбрать: онлайн или оффлайн?

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

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

  • Не требуется установки дополнительных программ.
  • Сервисы доступны с любого устройства.
  • Онлайн сервисы бывают недоступны по техническим причинам. По их техническим причинам, как правило. Сталкивался с этим неоднократно.
  • Плохое качество конечного результата работы. Объясняется это тем, что большая часть сервисов или условно-бесплатная, или плохо поддерживается своими разработчиками.
  • Применимы только в отношении страниц сайтов. Скриншот многостраничного документа Word, например, сделать уже не получится.

Оффлайн программы для создания скриншота полной страницы

  • Можно сделать не только скриншот страницы сайта, но и снимок любой длинной страницы или многостраничного документа. Это касается документов Word-подобных текстовых редакторов, электронных таблиц типа Exel, PDF-файлов.
  • Встроенные возможности редактирования полученного изображения.
  • Контроль за безопасностью данных. При сканировании документов сохраняется конфиденциальность. Вы не загружаете документ в посторонний сервис.
  • Поддержка большого числа форматов для сохранения полученного файла.
  • Необходимость установки дополнительной программы.

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

Нашел отличное решение, которым и спешу с Вами поделиться. Бывают такие ситуации, когда необходимо сделать скриншот полной страницы сайта. Что делать? Одновременно сохранять картинку и прокручивать ее? Поставить на компьютер FastStone Capture. В тех случаях, когда скришот в пределах размеров экрана компьютера, можно обойтись и вовсе без программ, в статье Как сделать скриншот на Windows 10 подробно описаны все 5 способов.

Программа FastStone Capture, (только для Windows) о которой я Вам расскажу, распространяется на следующих условиях: Вы можете свободно пользоваться(тестировать) программу в течении 30-дневного непрерывного периода после ее скачивания(установки). По прошествии 30 дней Вы должны либо совершить покупку лицензии на использование программы на сайте разработчика, либо немедленно ее удалить. Информация об условиях использования размещена на сайте, по ссылке http://www.faststone.org/order.htmand

FastStone MaxView are shareware. You may try the software free for 30 days. Once this 30-day period has expired, you must either purchase a license to use it, or uninstall it from your computer promptly.

Для установки скачать программу FastStone Capture можно на официальном сайте: http://www.faststone.org/FSCapturerDownload.htm

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

Чтобы сделать скриншот полной веб-страницы нажмите в меню иконку «Захват окна с прокруткой».

Программа автоматически «подсветит» предполагаемую область сканирования и предложит выбрать вариант прокрутки. Такое окошко отобразится в нижнем правом углу выделенной области.

Выбирайте «Автопрокрутка» и программа все сделает сама прямо на Ваших глазах. По окончании сканирования всей страницы сайта созданный скриншот автоматически откроется в редакторе программы.

Редактор небольшой, но удобный. В нем доступна обрезка, изменение размеров и некоторые эффекты: водный знак, рамка, рваный край картинки, изменение цветности, и некоторые эффекты.

Снял короткое видео, в котором сделан скриншот одной из страниц этого сайта, статьи Как сжать фотографию до нужного размера . А вот сразу и ссылка на саму картинку, которая получилась в итоге: образец получившегося скриншота .

Не зря говорят, что лучше один раз увидеть, чем сто раз услышать.

Скриншот всей страницы сайта в программе PicPick

PicPick находится по адресу: http://ngwin.com/picpick . Полностью бесплатно, по крайней мере для некоммерческого (домашнего) использования. Скачивание и установка программы делается очень просто. Справитесь без труда.

  • Откройте PicPick, или если программа сейчас открыта, нажмите «Файл» в левом верхнем углу главного меню.

  • Из списка предложенных задач выберите «Окно с прокруткой».

Перед Вами появится маленькое меню захвата экрана, выглядит оно вот так. Кнопка «Захват окна с прокруткой» уже нажата, не надо ее нажимать повторно.

  • Теперь, мышкой кликните по области, которую надо сканировать, например по странице сайта, скриншот которой вы хотите сделать (в любом месте страницы). Область выделится рамочкой, а в левом верхнем углу этой рамочки появится надпись «Автопрокрутка».
  • Кликните по этой надписи. Программа сама позаботится обо всем. Она будет лениво прокручивать страницу до самого конца. В итоге вы получите полный скриншот страницы сайта.

Обрезать полученное изображение можно прямо в PicPick. Также о разных способах и формах обрезки смотрите на нашем сайте.

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

  • У документов Word, Exel, PDF программа делает скриншот только видимой части экрана.
  • Встроенный редактор довольно многофункционален. Заслуживает отдельной статьи, а в рамках этой придется ограничиться несколькими скриншотами рабочего меню. В том числе отмечу возможность наносить водяной знак на скриншот, причем процесс можно автоматизировать.
  • Сканирование полной страницы сайта в автоматическом режиме.
  • Доступно несколько форматов для сохранения скриншота: PNG, JPEG, BMP, GIF, PDF. Правда программа, хоть и сохраняет файлы в формате PDF, но открывать их в нем не умеет. Так что, если Вы будете использовать ее в качестве редактора, то для PDF изображений предварительно потребуется конвертировать их в JPEG.
Читать еще:  Постоянно выскакивают рекламные сайты

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

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

Сервис S-shot.ru

Не забудьте установить галочку в чекбоксе «полноразмерный». Когда она установлена, сканирование делается со всей страницы, при снятой галочке-только с той части, которая видна на мониторе. Интерфейс сервиса выглядит так:

  • Количественные ограничения бесплатного использования. До 100 снимков в день и до 1000 в месяц (с одного IP-адреса).
  • Делает скриншот в форматах PNG, JPG.
  • Настройка размера будущего скриншота перед сканированием.

Онлайн сервис Snapito

Хорошее решение, когда надо быстро сделать копию страницы сайта и сохранить ее в в формате JPEG. Сервис также декларирует конвертацию в PDF, но несколько попыток, которые я делал, чтобы сохранить изображение в этом формате, не увенчались успехом. Приходилось переводить JPEG в PDF дополнительной обработкой картинки. Скриншот документа Word или Exel тоже не получается сделать этим сервисом «без посредников». То есть, в принципе, это возможно, если разместить вордовский файл в интернете, загрузить его содержимое в Google Документы, настроить права доступа к получившейся странице (я делал полный доступ), а затем ссылку на эту страницу вставить в соответствующее поле ввода на сайте Snapito.com. Но зачем такие трудности, когда оффлайновой программой, описанной выше, можно сделать все легко и просто.

  • Делает скриншот только в формате JPG.
  • Качественная работа без сбоев при сканировании.
  • Настройка размера будущего скриншота перед сканированием.

Сервис Screenshotmachine

Находится по адресу: https://www.screenshotmachine.com/index.php

Несмотря на обещанный «full length screenshot», никакой полноразмерной длины не удалось добиться от этого сервиса. Регистрация на сайте тоже ни к чему не привела.

  • Делает скриншот только видимой части экрана! Не делает копию всей страницы. И это несмотря на заявленный функционал и наличие платной версии! Данная ошибка в работе зафиксирована на 28 мая 2018 г. Возможно, ситуация изменится, но сегодня ставлю «минус». На 21 марта 2019 года ситуация не лучше.
  • Поддерживает только формат PNG.
  • Имитирует вид страницы сайта на планшете и мобильном. Но, с учетом того, что большинство современных сайтов имеют мобильную версию и выглядят в ней совсем по-другому, нежели в десктопе, плюс этот весьма сомнительный.
  • Не рекомендую. Сервис по духу вполне соответствует тому разгильдяю-роботу, который с глупым видом разбросал все копии на главной странице сайта.

Сервис IMGonline

Находится по адресу: www.imgonline.com.ua

  • Сканирует не все изображения со страницы сайта. Несмотря на то, что в настройках предусмотрена опция «отключить картинки», она попросту не работает. Включена она или нет — в лучшем случае, на копии страницы окажется одна или две картинки, вместо остальных изображений будет просто пробел.
  • Делает скриншот в форматах PNG, JPG.
  • Возможны манипуляции (настройками это не назвать) с размером будущего скриншота перед сканированием.

Сервис Screenpage

Находится по адресу: http://screenpage.ru/

  • Делает скриншот только в формате PNG.
  • Запрашивает Ваш email.
  • Сканирует не все изображения со страницы сайта. В лучшем случае, на копии страницы окажется одна или две картинки, вместо остальных изображений будет просто пробел. Ошибка эта систематическая.
  • Возможность поделиться в соцсетях, среди популярных: ВКонтакте, Фейсбук, Одноклассники.

Заключение

Как и обещал в самом начале, предоставил Вам вполне хорошие, рабочие решения: программа FastStone Capture, программа PicPick, сервисы S-shot и Snapito. Надеюсь, что помог Вам разобраться в вопросе и выбрать себе инструмент по душе.

Конечно, в пределах статьи невозможно физически рассказать обо всех методах и средствах, которые позволяют делать скриншоты. Я постарался рассказать о тех, которыми пользоваться легко и удобно, и о тех, которые мало пригодны для того, чтобы считаться хорошим инструментом. Зачем? Прежде всего, чтобы Вы не тратили попусту время на поиски. Пожалуй, стоило еще включить в обзор программу Screenpresso. Но… Дело в том, что программа имеет бесплатную версию и платную. Было бы в этом полбеды, если бы это были две разные программы. На самом деле, все это — одна программа, только часть функционала в ней доступна исключительно за деньги. Начинаешь нажимать на кнопочки, вроде все, что тебе надо — работает, и в самом конце вместо сохраненного результата получаешь информацию, что вот именно это действие возможно только в платной версии. Возможно, программа неплохая, но сам подход к пользователю мне не понравился. Так что тестировать не стал. Вот ссылка на сайт, если кому интересно: https://www.screenpresso.com/

А Вы какими пользуетесь скриншотерами? Чем они интересны, какие имеют особенности?

Ссылка на основную публикацию
Adblock
detector