Как сделать скриншот сайта для портфолио - TurboComputer.ru
Рейтинг статьи
1 звезда2 звезды3 звезды4 звезды5 звезд (пока оценок нет)
Загрузка...

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

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

Идеально для копирайтеров, у которых сайт на WordPress и которые пользуются Google Chrome, Firefox и Opera

Здравствуйте, уважаемые коллеги!

Размещение портфолио на сайте копирайтера – та ещё загвоздка. То один плагин не подходит, то другой, то программы для скриншотов с прокруткой не функционируют как надо. Сам знаю.

Сейчас всё будет. И программа для скриншотов с прокруткой, и плагин рабочий, и увеличение скриншотов в портфолио.

  • Расширение для Google – FireShot. Это же расширение есть и для других браузеров — Opera и Firefox — но я работаю с Google Chrome, поэтому писал статью применительно для этого браузера;
  • Сайт на WordPress;
  • Плагин Image Zoom.

Часть 1. Устанавливаем расширение FireShot, чтобы делать скриншоты экрана с прокруткой

Идём в левую верхнюю часть экрана в браузере Google Chrome

Настройки Гугл Хром. Вам туда

Щёлкаем «Дополнительные инструменты», далее «Расширения»

Дополнительные инструменты — расширения

Пролистываем страницу до низа, там будет «Ещё расширения». Щелкаем туда

То, что вам нужно — в самом низу

В новом окошке щёлкаем «Расширения», в поле ввода пишем «FireShot». Щёлкаем Enter

Сначала выберите «Расширения», потом впишите «FireShot»

Вот и появилось то, что нам надо. Щёлкаем на синюю кнопку «Установить». Далее пройдёт несколько автоматических операций, вам ничего делать не надо.

Ну вот и всё, Fire Shot у вас теперь есть. Это расширение делает скриншоты любой – ну, или почти любой – длины. Всё моё портфолио сделано с помощью этой функции. Так что всё работает отлично, Google и я гарантируем это!

Расширение появится в левой верхней части экрана браузера. Я пользуюсь функцией «Захватить элемент/регион» и «сохранить».

«Захватить элемент/регион» и «сохранить»

Вот так легко и просто можно сделать скриншот всего экрана с прокруткой. И программа специальная не понадобилась, Fire Shot всё делает на 5+.

Часть 2. Ставим плагин Image Zoom на сайт WordPress

Идём в админку своего сайта и щёлкаем «Плагины» и «Добавить новый»

В админке вашего сайта

В поле поиска пишем «Image Zoom»

Ищем плагин Image Zoom

Вот этот самый нужный нам плагин. У меня он уже установлен, поэтому кнопка «Установить» у меня не работает. Но у Вас она будет выглядеть как «Установить». Щёлкайте смело!

Устанавливаем Image Zoom

После того, как плагин установится, щёлкайте «Активировать плагин».

Итак, плагин теперь есть. Всего один шаг остался до того, как вы сможете размещать скриншоты своих статей в портфолио.

Часть 3. Как сделать, чтобы скриншоты портфолио увеличивались по щелчку мышки?

Да, установить плагин – это ещё не всё. Есть одна хитрость, и сейчас вы узнаете её.

Итак, создаём новую страницу.

Создаёт страницу в WordPress. Это нужно, чтобы протестировать плагин

Добавляем медиафайл – то самое изображение, скриншот вашей статьи, которое надо разместить.

Загружаем нужный файл с компьютера

Загружаем нужный файл с компьютера

Когда он загрузится, в колонке слева вы увидите адрес, где расположен этот скриншот.

Адрес загруженного скриншота или другой картинки

Скопируйте адрес, где размещён скриншот

Потом щёлкайте «Вставить в страницу».

Вставьте скриншот в страницу

Теперь щёлкайте «Изменить» как на картинке.

И вот самое хитрое место. Вы увидите окно как на следующем изображении. Щёлкайте «Произвольный URL» как на картинке.

Нажимайте на кнопку «Произвольный URL» как показано на изображении

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

Нужно вставить тот адрес, который вы скопировали. Без этого скриншоты не будут увеличиваться

Ну, вот и всё. Теперь можно щёлкнуть «Опубликовать» или «Обновить» и в открывшейся странице проверить, действительно ли увеличиваются скриншоты.

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

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

Хорошая статья, полезная? Поделитесь в соцсетях с помощью кнопок слева! Мне нужны поведенческие факторы)

Пишите в комментариях, если что-то непонятно или не получилось. Вместе мы точно разберёмся!

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

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

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

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

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

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

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

Snapito

Можно сделать скриншот страницы сайта целиком онлайн на сервисе 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

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

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

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

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

S-shot.ru

Сервис s-shot.ru генерирует скриншоты сайтов онлайн. Сначала необходимо ввести адрес сайта, затем выбрать размер: ширина и высота, или полноразмерный вариант веб-страницы, затем выбрать формат: JPEG или PNG, и масштабирование.

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

Screenshot machine

На бесплатной версии сервиса Screenshotmachine.com можно сделать скриншот веб-страницы полностью. Вставьте ссылку в поле «Enter web page URL», а затем нажать на кнопку «start capture».

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

ScreenPage.ru

ScreenPage.ru — сервис для создания скриншотов сайтов на русском языке. На сервисе можно сделать снимок веб-страницы сайта целиком онлайн.

Введите URL адрес веб-страницы, далее введите адрес электронной почты, а затем нажмите на кнопку «сделать снимок!».

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

Как сделать скриншот веб-страницы полностью в Mozilla Firefox

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

Нажмите одновременно на клавиши клавиатуры: «Ctrl» + «Shift» + «I». После этого откроется панель инструментов разработки. В правой части панели нажмите на кнопку «Настройки инструментов» (шестеренка). В разделе «Доступные кнопки инструментов» активируйте пункт «Сделать скриншот всей страницы».

Далее зайдите на страницу сайта, с которой вам нужно сделать скриншот, нажмите на кнопки «Ctrl» + «Shift» + «I». В правой части панели инструментов разработки, вы увидите кнопку «Сделать скриншот всей страницы» (фотоаппарат). Нажмите на кнопку, снимок полной веб-страницы сохранится в папке для загрузок браузера.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Автор: © Анжела Матвеева

4 комментария к “ Как сделать скриншот веб страницы ”

Установил и проверил, спасибо! Будущее за онлайн сервисами! Я уже давно пользуюсь другим расширением chrome -Awesome Screenshot. Тоже рекомендую, в нем есть функция стирания текста.

Justus! Рада, что вам понравилось приложение. Да, онлайн сервисы — очень удобная штука.

Спасибо! Раньше пользовалась одним он-лайн сервисом, но он куда-то пропал. А иногда нужно быстро сделать скриншот.

Да, иногда онлайн-сервисы перестают работать — а это приложение никуда не денется.

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

ЗАКАЗАТЬ УСЛУГИ

ОТЗЫВЫ:

Благодаря Анжеле Матвеевой и ее рекомендациям я смогла самостоятельно реформировать свой сайт, сделав его удобней, быстрей и эффективней как для работы с ним, так и для посетителей.

Марина Твердохлебова, косметолог

Мне очень помогают полученные от Анжелы полезные рекомендации по продвижению ресурса и важным моментам интернет-маркетинга.

Благодаря ее помощи я выбрала правильную стратегию продвижения своего бизнеса в интернете.

Ирина Кассиа, предприниматель

. С толком и пониманием выполняет свою работу. Отличный, ответственный «спец»!

Руководитель интернет-портала Glamour City

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

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

Казалось бы, скриншот экрана — что может быть проще? Но если надо сохранить не только видимую на мониторе часть, а полную страницу сайта, с прокруткой до самого низа? Или сделать снимок страницы из 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/

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

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

Время чтения: 4 минуты Нет времени читать? Нет времени?

Всем привет. С вами Женя Крюкова. В своей работе я часто вижу, что люди испытывают трудности с тем, чтобы сделать красивый скриншот. Особенно, если дело касается скриншота всей страницы. Поэтому в этом выпуске я решила рассказать вам во всех подробностях, как это делается. Не спешите закрывать рассылку, если эта тема кажется вам банальной. Возможно, некоторые лайфхаки, которые я приведу чуть ниже, окажутся для вас новыми.

Какие ошибки допускают при создание скриншота?

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

О каких ошибках идет речь?

1. По краям нет «воздуха»

Неправильно:

Правильно:

2. Количество «воздуха» разное со всех сторон

Неправильно:

Правильно:

3. В некоторых местах контент обрывается

Неправильно:

Правильно:

С помощью каких программ и сервисов можно сделать скриншот?

В своей работе я использую программу Monosnap, расширение FireShot и кнопку Print Screen на моем ноутбуке. Давайте подробно рассмотрим каждый из них.

1. Программа Monosnap

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

Еще одна полезная функция этой программы заключается в том, что она позволяет загружать сделанные скриншоты в интернет (например, картинку с медведем вы можете найти по ссылке – http://take.ms/nDAuS), а еще – делать видеозапись рабочего стола, что тоже иногда пригождается по работе.

2. Расширение Fireshot

Для браузеров Google Chrome, Mozilla Firefox и Opera. C помощью него я делаю скриншоты всей страницы: делаю левый клик мышью по иконке расширения и выбираю команду «Захватить всю страницу».

После этого нажимаю на кнопку «Сохранить»:

И обрезаю изображение в программе Paint:

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

3. Старый добрый PrintScreen

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

Лайфхак №1: как убрать со страницы ненужные элементы

Часто бывает так, что ты хочешь сделать скриншот всей страницы, но тебе мешает онлайн-чат или какая-нибудь кнопка. Чтобы убрать ненужный элемент со страницы, кликните по нему правой кнопкой мыши и нажмите «Просмотреть код» (у меня Google Chrome, в других браузерах может называться чуть по-другому).

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

Лайфхак №2. Как убрать ненужный элемент в готовом скриншоте

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

1. Программа Paint

Если фон однотонный, то здесь все просто. Выделяем нужную область и жмем Delete.

Если после этого остается белая область, ее нужно залить фоновым цветом. Для этого берем пипеткой нужный цвет, выбираем инструмент «Заливка» и кликаем по белой области.

2. Snapseed

Если цвет фона не однотонный, то «Пеинта» будет уже недостаточно. В этом случае можно использовать «Фотошоп» или, как более простой вариант, приложение Snapseed.

Правда, этот вариант не для терпеливых.

Откройте приложение и нажмите в нем «+». Выберите необходимое фото. У меня оно будет таким.

После выберите на вкладке инструменты «Точечно».

Проведите по льдине.

Раз, и ее больше нет =)

Если нужно удалить более сложные объекты, то придется работать с инструментом достаточно долго и эффект будет далек от идеального.

Я поделилась с вами инструментами и методами, которыми я пользуюсь в своей работе. Быть может, вы знаете какие-то более удобные способы. Если это так, поделитесь ими в комментариях. Я буду вам очень признательна =)

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