Установка · Съёмка · Аннотации · Экспорт
Документация
Как установить и использовать OpenScreenShot — расширение Chrome с открытым кодом для скриншотов и аннотаций.
Установка
OpenScreenShot доступен в Chrome Web Store.
- Откройте страницу OpenScreenShot в Chrome.
- Нажмите Добавить в Chrome.
- Примите разрешения. Расширению нужна активная вкладка и разрешение запускать в ней свой скрипт съёмки.
- Значок OpenScreenShot появится на панели инструментов. Нажмите его, чтобы открыть окно расширения.
Снять скриншот
Нажмите на значок OpenScreenShot на панели инструментов — захват всей страницы начнётся сразу, без меню. Всё выполняется локально в браузере. Начать захват можно четырьмя способами:
- Значок на панели инструментов — один клик снимает всю страницу. Отключите Клик по значку снимает всю страницу в настройках, чтобы вернуть выбор режима; правый клик по значку открывает остальные режимы и настройки.
- Сочетание клавиш — Ctrl+Shift+S для всей страницы, Alt+Shift+V для видимой части, Ctrl+Shift+E для области. На macOS это ⌘⇧S, ⌘⇧V и ⌘⇧E. Переназначить их можно на
chrome://extensions/shortcuts. - Контекстное меню — подменю OpenScreenShot на любой странице предлагает те же три режима и настройки.
- Повторить область — нижняя часть окна расширения и меню правой кнопки повторяют съёмку последней области. Оба пункта появляются после того, как вы хоть раз выделили область.
Строка Задержка в окне расширения откладывает съёмку на 3, 5 или 10 секунд, а значок на панели инструментов ведёт обратный отсчёт. Используйте её для состояний наведения, выпадающих меню и подсказок, которые закрываются от клика в другом месте.
Режимы съёмки
Вся страница
Снимает всю прокручиваемую страницу и склеивает её в одно изображение. Расширение прокручивает страницу экран за экраном, снимает каждую плитку и собирает их вместе. Закреплённые шапки снимаются на первой плитке и один раз подставляются сверху. Страницы, где прокручивается внутренний элемент, а не окно, тоже работают.
Видимая часть
Мгновенно снимает текущую видимую часть. Без прокрутки. Подходит для быстрого скриншота того, что на экране прямо сейчас.
Выделенная область
Нажмите и потяните, чтобы нарисовать прямоугольник. На каждой стороне и в углах появляются маркеры для изменения размера. Стрелками двигайте выделение по одному пикселю; с зажатым Shift — по десять. Enter подтверждает, Esc отменяет.
После съёмки
Строка После съёмки в окне расширения задаёт, что происходит с готовым снимком. Она действует для всех способов запуска: кнопок в окне, сочетаний клавиш и меню правой кнопки.
- Редактор — открыть редактор аннотаций в новой вкладке. Это вариант по умолчанию.
- Буфер обмена — скопировать скриншот и пропустить редактор. Вставляйте его сразу в чат, документ или issue.
- Скачать — сохранить скриншот в папку загрузок и пропустить редактор. Быстрые сохранения пишутся в PNG.
Буфер обмена и скачивание не открывают вкладку, поэтому подтверждением служит значок на панели инструментов. При неудачной съёмке на значке мигает !. Кнопка Прошлый снимок внизу окна расширения в любой момент открывает последний снимок в редакторе.
Аннотации
Редактор открывается в отдельной вкладке и загружает последний снимок из локального хранилища. У каждого инструмента есть однобуквенная клавиша.
- Выбор V — переместить, изменить размер или удалить любую аннотацию. Двойной клик по текстовому слою открывает его на правку.
- Прямоугольник R — нарисовать рамку.
- Стрелка A — нарисовать направленную стрелку.
- Линия L — стрелка без наконечника.
- Перо P — рисование от руки.
- Маркер H — полупрозрачный штрих от руки.
- Текст T — добавить текстовый блок; размер задаёт настройка кегля.
- Номер шага S — нумерованные значки, которые считают сами и перенумеровываются при удалении одного из них.
- Размытие B — скрыть чувствительное содержимое мягким размытием, крупной мозаикой или сплошной заливкой. Заливка переживает пересжатие.
- Spotlight O — вырезы в форме прямоугольника, скруглённого прямоугольника или эллипса, которые сливаются в один затемняющий слой.
- Пипетка I — взять цвет со снимка. Она берёт то, что вы видите, поэтому цвет внутри spotlight или на градиенте Beautify выбирается таким, каким выглядит. Кнопка-образец на строке цветов открывает общесистемную пипетку Chrome для всего за пределами холста.
- Обрезка C — обрезать изображение по выделенной области.
Зажмите Shift во время рисования для квадратных прямоугольников и линий и стрелок под 45°. Панель стилей содержит палитру из 8 цветов на клавишах 1–8, свой цвет, недавние цвета, три толщины штриха и настройку кегля. Ваш выбор запоминается между сеансами. Отмена и повтор — Ctrl+Z / Ctrl+Shift+Z, на macOS — ⌘Z / ⌘⇧Z.
Beautify
Панель Beautify в верхней панели оформляет скриншот для отправки: ползунки отступов, скругления углов и тени, шесть градиентных пресетов, свой сплошной цвет или прозрачный фон. Рамка показывается вживую и попадает в каждый экспорт, в буфер обмена и в PDF.
Аннотировать готовое изображение
Перетащите файл изображения на холст редактора или вставьте его через Ctrl+V / ⌘V вне текстового поля. Импорт занимает то же место, что и снимок, поэтому все инструменты, рамка Beautify и все пути экспорта продолжают работать, а верхняя панель показывает Imported. Импорт заменяет холст, поэтому редактор сначала спросит, если есть аннотации, которые можно потерять.
Экспорт
Нажмите Экспорт в верхней панели редактора или Ctrl+S / ⌘S. Выберите формат:
- PNG — без потерь, сохраняет прозрачность.
- JPEG — файлы меньше, качество настраивается.
- WebP — настраиваемое качество как у JPEG, прозрачность как у PNG.
- PDF — экспорт одной страницей-изображением, по размеру A4/Letter, или разбивка на несколько страниц с перекрытием 5 мм, чтобы содержимое не резалось посреди строки.
Масштаб экспортирует в 25, 50, 100 или 200 % либо в точную ширину в пикселях. Для PDF он скрыт — тот подгоняется под страницу. Размер сверх лимита холста Chrome отклоняется, а не записывается пустым файлом.
Ctrl+C / ⌘C копирует готовое изображение прямо в буфер обмена. Диалог экспорта также может сохранить текущие настройки как новые значения по умолчанию.
Записать вкладку
Нажмите Запись в окне расширения; когда запись идёт, Alt+Shift+X останавливает её. При первой записи Chrome показывает один запрос разрешения на захват вкладки; каждая следующая запись стартует в один клик.
Начать запись
В строке записи в окне расширения три переключателя — Микрофон, Звук вкладки и Камера — включите нужные до нажатия «Запись». С включёнными микрофоном или камерой перед началом захвата на странице появляется собственный запрос разрешения вашего браузера в небольшом пузыре.
Если во время записи вкладка переходит на другой сайт, панели управления нужно необязательное разрешение «Запись на всех сайтах» (см. Настройки), чтобы последовать за ней. Без этого разрешения значок на панели инструментов становится янтарным; нажмите значок или снова поработайте со страницей, чтобы вернуть накладку.
Панель управления
Пока вы записываете, внизу страницы находится небольшая панель: таймер, метка каждой включённой дорожки и кнопки «Пауза/Продолжить», «Стоп» и «Отмена». С включённой камерой над страницей плавает перетаскиваемый круглый предпросмотр — перетащите его куда угодно, и он останется там до конца записи.
Панель прячется примерно через три секунды после того, как курсор её покинул, чтобы не попадать в запись. Чтобы вернуть её, подведите курсор к нижнему центру страницы. Она остаётся видимой, пока курсор на ней и пока запись на паузе.
Редактор
«Стоп» открывает редактор записи со шкалой времени вашего дубля. Редактор добавляет плавный зум 2x на каждый клик курсора — подстройте или удалите любой из них либо добавьте собственные блоки зума на 1,5x, 2x или 3x. Обрежьте начало или конец любого сегмента, потянув его маркеры. Эффекты кликов отмечают места нажатий, а окно камеры, рамка Beautify и ползунки громкости микрофона и вкладки находятся в боковой панели. «Показывать курсор» рисует плавный указатель по записанной траектории курсора; выключается в панели настроек.
Экспорт
Экспорт перерисовывает дубль через canvas, подмешивая выбранные дорожки и эффекты, и скачивает файл WebM.
Черновики
Правки сохраняются локально по мере работы. Если вкладка редактора закроется или упадёт, следующая вкладка предложит вернуть черновик. Восстановление всегда по клику, поэтому устаревший черновик никогда не заменит снимок, который вы хотели начать с чистого листа. Обрезанное изображение получает собственный черновик, поэтому аннотации никогда не восстановятся поверх не той картинки.
Сочетания клавиш
Нажмите ? в редакторе, чтобы увидеть полный список. Помимо буквенных клавиш инструментов выше:
- 1–8 — задать цвет аннотации.
- Ctrl+C / ⌘C — копировать в буфер обмена.
- Ctrl+S / ⌘S — экспорт.
- Backspace — удалить выбранную аннотацию.
- Esc — снять выделение или отменить обрезку.
- Ctrl / ⌘ с +, − или 0 — увеличить, уменьшить, реальный размер. F вписывает в экран.
- Space + перетаскивание — панорамировать холст.
Alt+Shift+X останавливает текущую запись откуда угодно — открытые редактор или окно расширения не нужны.
Настройки
Откройте значок шестерёнки в окне расширения, чтобы задать:
- Тема — светлая, тёмная или системная.
- Формат — PNG, JPEG, WebP или PDF.
- Качество — для JPEG, WebP и PDF.
- Шаблон имени файла — нажмите на метку токена, чтобы вставить
{date},{time},{title},{domain},{w}или{h}. Живой предпросмотр показывает результат.
Настройки хранятся в локальном хранилище на этом устройстве. Сбросить настройки внизу панели требует двух нажатий.
Запись на всех сайтах — по умолчанию выключена. Её включение запрашивает необязательное разрешение <all_urls>, чтобы панель управления записью и накладка курсора могли последовать за вкладкой, которая посреди записи переходит на другой сайт.
Агенты и CLI
openscreenshot (npm) — отдельный необязательный локальный инструмент, чтобы снимать скриншоты скриптами из командной строки или из ИИ-агента. Он управляет Chrome, который уже установлен на вашем компьютере, — без загрузки браузера и без облачного сервиса. Задайте CHROME_PATH, если ваш Chrome не находится автоматически.
npx openscreenshot shot https://example.com --out shot.png --full
Чтобы использовать его как MCP-сервер, добавьте в конфигурацию своего MCP-клиента:
{ "command": "npx", "args": ["openscreenshot", "serve"] }
Затем вызовите инструмент capture_screenshot с { "url": "https://example.com" }.
Конфиденциальность
OpenScreenShot обрабатывает всё локально в вашем браузере. Снимки хранятся в локальном хранилище Chrome и не загружаются ни на какой сервер. Записи, дорожки курсора и потоки микрофона и камеры остаются в IndexedDB на вашем устройстве, пока вы их не удалите. В расширении нет аналитики, телеметрии и сторонних сервисов.
Все подробности — в политике конфиденциальности.
Получить помощь
Частые вопросы и известные ограничения — на странице поддержки и FAQ. Если нужна ещё помощь, откройте issue на GitHub.
Установите OpenScreenShot
Бесплатно, с открытым кодом и приватно. Доступно в Chrome Web Store.
Добавить в Chrome