Сделай Сайт Сам
  • Карта сайта
  • Полезные программы
  • Словарь вебмастера
    • Словарь блогера
  • Обо мне
Лучшее
27.01.2021
Сайт на wordpress

Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот

Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
27.01.2021
Сайт на wordpress

Скриншот с прокруткой в браузере
Google Chrome с редактором
и функцией записи видео экрана

Как сделать скриншот с прокруткой в chrome быстро, просто и бесплатно. Обратите внимание на одно из лучших расширений браузера Google для создания скрина страницы сайта любой длины — Редактирование и отправка скриншотов (Explain & Send screenchots). Столько функций, как в этом плагине, нет больше ни в одной подобной программе. Главное — понятный интерфейс, есть редактор, опция видеозаписи, сохранение изображений и мн. др.

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

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

  • Установить дополнение для Гугла (хром).
  • Выбрать вариант создания фото страницы сайта.
  • Отредактировать картинку.
  • Сохранить одним из предложенных способов.

В chrome много плагинов, с помощью которых делают скриншот всей страницы сайта. Можно обойтись без установки дополнительных компонентов. В конце будет ссылка на статью, где рассказано про 3 бесплатных метода: создание скрина с прокруткой буквально в пару кликов. Не подойдет описываемый инструмент, подберете другой.

Функционал расширения для скриншотов
с прокруткой страницы сайта 

Несмотря на широкие возможности, описываемый плагин интуитивно понятен в работе. Покликав по разным опциям, без проблем разберетесь, как сделать скриншот с прокруткой в chrome. С помощью расширения можно:

  1. Создать снимок видимого экрана или определенной части (региона).
  2. Получить скрин с прокруткой выбранной области либо страницы сайта целиком.
  3. Редактировать изображение.
  4. Проверить качество картинки: функция предварительного просмотра.
  5. Сохранить фото на компьютер с расширением .jpeg.
  6. Автоматически добавить ссылку в буфер обмена.
  7. Копировать снимок в б/о обычным способом через контекстное Меню или горячие клавиши.
  8. Сделать видеоскриншот — запись рабочей зоны с захватом действий мышки.
  9. Подключив микрофон, добавить звуковое сопровождение к видео.

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

Скриншот с прокруткой Chrome:
установка расширения

Как сделать скрин с прокруткой - установка расширения в Chrome
Установка расширения в браузере Chrome

Для наглядности на изображении продемонстрировала некоторые, не все, возможности редактора. Похожие опции есть в joxi. Что-то удобнее реализовано в нем, но в этом плагине есть такие, которых в Джокси нет. Поэтому Explain & Send screenchots вполне его заменит. Установка программы обычная:

Активация плагина для скриншотов
Включить или отключить плагин
  1. В браузере перейдите в Магазин, или по ссылке: chrome.google.com/
  2. В Поиске введите название: Редактирование и отправка скриншотов.
  3. Закрепить/открепить иконку расширения
    П/У расширениями в браузере chrome
    1. Кликните по изображению.
    2. На странице плагина, нажмите на кнопку Установить расширение.
    3. Подтвердите действие в сплывающем окне.
    4. В правом углу верхней панели браузера появится соответствующая иконка.

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

элемент фона, оформления сайтаПримечание: Хотя незаметно, чтобы активация плагина снижала скорость работы chrome, все же, когда screenchots не нужен, лучше его отключать. Вес модуля 2,5 МБ — это лишняя нагрузка на браузер. Опция плагина будет всегда доступна из контекстного меню.

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

Меню расширения скриншот
с прокруткой Chrome

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

  1. Explain and Send Screenchots (Редактируйте и отправляйте скриншот) — переход на сайт автора программы. Подменю данной опции:
    • Contribute (способствовать) — получить поддержку и дополнительные функции (фильтры плагина) за некую плату.
    • Changelog — журнал изменений, если они вносились.
    • Discover my apps — другие предложения: плагины того же автора.
    • About — резюме создателя расширения.
    • Help — страница: вопросы/ответы и просьба о внесении пожертвований.
  1. Сохранить часть страницы — обычный скриншот выбранной области сайта с прокруткой или без.
  2. Select element — скрин определенного блока страницы, который при наведении мышки подсвечивается. (Прим.: у меня эта опция работала некорректно, поэтому 100% гарантии, что у вас не случится того же, нет).
  3. Сохранить видимую область страницы, изображение на экране компьютера, исключая адресную строку и верхние панели, которые скрывают при обычном создании скриншота.
  4. Страницу — автоматическое создание скрина: полный захват вебстраницы сайта с прокруткой.
  5. Экран — картинка с автоматическим захватом верхних панелей (вкладок, адресной строки). Параметр: изображение окна монитора без прокрутки.
  6. Record screen — запись экрана с прокруткой и действиями мышки. Результат сделанного таким способом скринкаста оцените по размещенному вверху видеоролику от создателя расширения.
  7. Open file… — доступ к системным папкам для выбора файла, который хотите обработать в данной программе.
  8. Grab clipboard — захват многофункционального (не системного от Windows) буфера обмена, содержащего несколько сохраненных (скопированных) записей. Обычно при клике или щелчке окно б/о или контекстное меню закрывается. Поэтому скрин нужно делать специально «беззвучно». К примеру подобная функция предусмотрена при нажатии на клавишу PrtSc.

Редактор расширения для скриншота

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

Панель редактора расширения
Редактирование скриншота: опции
  1. Перезагрузка — если сделали что-то неправильно, вернетесь на шаг назад, отменив последнее действие.
  2. Вырезать — выделить зону, которая останется, остальное, за пределами выбранного окна, удалится.
  3. Selection — выбор области, которую хотите удалить (абзац, слово, личные данные и пр.). Функция напоминает действие ластика (стереть часть изображения на скриншоте).
  4. Овальная или прямоугольная форма выделения объекта на скрине. Цвет линий можно выбирать, нажав на иконку Заливка.
  5. Высвечивание одной или нескольких областей в форме круга, прочий фон затемнить. Эффект, для чего это нужно, можно увидеть на первом изображении.
  6. Стрелка — указатель.
  7. Прямая линия — к примеру для подчеркивания.
  8. Кривая линия, нарисованная от руки.
  9. Добавление текста — пояснения.
  10. Нумерация действий или обозначение порядка.
  11. Выделение полупрозрачным цветом — широкая полоса с возможностью выбора колера.
  12. Размытие — скрыть читаемость текста (личные данные, банковские реквизиты и т. п.).
  13. Заливка — палитра для выбора цвета меток.
  14. Пипетка — подбор цвета, идентичного имеющемуся на скриншоте.
  15. Окрашивание фона скрина (сепия) — выбор оттенка, фильтрация.
  16. Масштабирование — увеличение/уменьшение изображения.
  17. Закончить редактирование — кнопка автоматически перенаправляет на страницу сохранения, копирования, отправки снимка.

Часто пользователи сталкиваются с ситуацией, когда не знают, где находится сделанная картинка. Например, системная программа (клавиша PrtSc) отправляет ее в б/о. Чтобы увидеть снимок, его нужно сначала вставить (Ctrl+V) в какой-либо редактор. Здесь процесс контролируется: всегда найдете, где размещена картинка.

Как и куда сохранить скриншот

Куда сохранить (отправить) скриншот

  1. Download — отправить готовый скрин в папку Загрузки.
  2. Save as… — скопировать, выбрав место вручную (обычное сохранение через контекстное Меню: опция Сохранить картинку как…).
  3. Upload — перенаправление в облако.
  4. Save To Drive — переход на сайт автора для выбора других приложений (например, Google drive — быстрый путь к файлам), совместимых с размещением скрина или ссылки на картинку.
  5. Copy — скопировать в буфер обмена само изображение для последующего размещения (вставки) в какой-либо программе.
  6. Edit in PixLR — отправка скриншота в редактор изображений типа фотошопа.
  7. Share — горячие кнопки: Скопировать (Ctrl+C) в б/о; Вставить (Ctrl+V).
  8. Предпросмотр-иконка — оценка полученного изображения.
  9. Кроме единственного доступного формата .jpeg, есть возможность сохранить скрин как файл PDF.

Видео скриншот с прокруткой 

При выборе опции Меню Record screen откроется окно, где нужно указать область скринкаста:

    • экран с прокруткой;
    • определенное окно;
    • страница, адрес которой начинается с google.
элемент фона, оформления сайтаПримечание: В целях безопасности Гугл запрещает доступ к некоторым действиям в браузере. Поэтому предварительно требуется разрешить операцию, выбрав опцию: Вкладка CHROME. Это касается только страниц Google, но не посещаемых сайтов.

Чтобы запись началась, кликните на окно-картинку, затем на кнопку Поделиться. В случае, если эта строка попадает в параметры экрана видеосъемки, ее можно скрыть.

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

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

    • Download
    • Save as…
    • Save To Drive
    • Upload To YouTube

панель сохранения видео скриншота

Чем открыть файл на ПК

Чтобы просмотреть ролик в одной из системных программ, установленных в Windows, выберите подходящий инструмент, кликнув на сохраненный видеофайл правой кнопкой мыши. Через контекстное меню Открыть с помощью…, предложат доступные программы для демонстрации ролика. Например, MPC-HCx64. Чтобы записать видео со звуковым сопровождением, подключают микрофон. Его иконка размещена в основном Меню, рядом с опцией Record screen.

Минусы плагина 

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

  1. При создании о-о-очень длинного скрина браузер завис, операция не завершилась.
  2. Опция Select element скриншотит не тот кусок, который высвечивает.

Пользуюсь ноутбуком с небольшим объемом памяти. Возможно, поэтому плагин сработал некорректно. Мешать правильному скроллингу могут настройки безопасности браузера.

Вывод: Возможности расширения для создания скриншотов внушительны. По отдельности некоторые функции есть в разных программах и плагинах. Собранные в одном небольшом дополнении — большая редкость.

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

Как сделать скриншот всей
страницы chrome  (3 простых способа)

Кроме предложенного расширения Explain & Send screenchots, есть статья+видео, где описаны еще 3 бесплатных инструмента. Чтобы сделать скриншот любой длины по-быстрому, воспользуйтесь:

    • Плагином для браузера Firechots: делает скрин страницы сайта целиком или определенного региона. В бесплатный функционал добавили редактор с небольшим набором опций.
    • Joxi — 2 версии: программа для установки на ПК (скриншоты редактируются, но нет прокрутки); одноименное расширение для Chrome — создание скрина любой длины.
    • Вариантом без установки дополнительного софта. Достаточно перейти в Инструменты разработчика. Можно сделать снимок страницы сайта с прокруткой ни только компьютерного формата, но и мобильного, выбрав определенный гаджет из списка.

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

 

Эти статьи помогут сделать сайт wordpress лучше

Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
Подготовка к установке WP
Подготовка к установке WordPress Чек- лист. Подготовка к созданию сайта на ...
Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
[2021] Установка WordPress
на OpenServer 5.3.8
Запуск локального сайта на ПК
Пошаговая установка OPENSERVER на ПК Создание сайта WORDPRESS Пошаговая установка wordpress на ...
Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
Как изменить шрифт (цвет, размер) текста, меню, заголовков в wordpress + видео
Как изменить шрифт (цвет, размер) текста, меню, заголовков в wordpress ...
Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
Создание структуры сайта
Создание структуры сайта Прежде чем настраивать движок, необходимо проделать работу, ...
Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
Лучшие статьи о WordPress
Лучшие статьи о WerdPress помогутосвоить работу вебмастера Большей популярностью среди новичков ...
Как сделать скриншот с прокруткой в chrome + редактор + функция видео-скриншот
Локальная установка WP
Кому и зачем нужна локальная установка WP? Уровень подготовленности пользователей ...
Предыдущая статья[WordPress] добавить кнопку в стиле Темы на страницусоздание в wordpress кнопки в стиле темыСледующая статья [2021] Установка WordPress<br>на OpenServer 5.3.8<br>Запуск локального сайта на ПКopenserver+wordpress

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

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

ЧЕК-ЛИСТЫ: Таблицы с параметрами анализа сайта и конкурентов

Подготовка сайта
Информационная структура коммерческого (продающего) сайта
Структура страниц
Внешняя структура сайта - Анализ конкурентов

Код - Адаптивные таблицы

Copyright © 2019 * [Сделай Сайт Сам] Все права защищены

Содержание страницы

  • Скриншот с прокруткой в браузере Google Chrome с редактором и функцией записи видео экрана
  • Как просто сделать скриншот с прокруткой chrome
  • Функционал расширения для скриншотов с прокруткой страницы сайта 
  • Скриншот с прокруткой Chrome: установка расширения
  • Меню расширения скриншот с прокруткой Chrome
  • Редактор расширения для скриншота
  • Как и куда сохранить скриншот
  • Видео скриншот с прокруткой 
  • Чем открыть файл на ПК
  • Минусы плагина 
  • Как сделать скриншот всей страницы chrome  (3 простых способа)