OpenScreenShot

<div align="center">

<img src="media/brand-mark.svg" alt="" width="88" height="88" />

# OpenScreenShot

**The whole page. One click. Yours to keep.**

Full-page screenshots for Chrome and Firefox. Free editing. Local processing. No account.

[![CI](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/ci.yml/badge.svg)](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/ci.yml) [![Chrome release](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/release.yml/badge.svg)](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/release.yml) [![Firefox release](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/release-firefox.yml/badge.svg)](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/release-firefox.yml) [![MCP publish](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/publish-mcp.yml/badge.svg)](https://github.com/PGHQdev/OpenScreenShot/actions/workflows/publish-mcp.yml)

[![License](https://img.shields.io/badge/license-MIT-1B1A17)](./LICENSE) [![Chrome Web Store](https://img.shields.io/chrome-web-store/v/hdabbojjccojlapnfjpdppcpfcnhgmdp?label=Chrome&color=4285F4)](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp) [![Firefox Add-ons](https://img.shields.io/amo/v/openscreenshot?label=Firefox&color=FF7139)](https://addons.mozilla.org/firefox/addon/openscreenshot/)

<br />

<table>
<tr>
<td align="center" width="280">
<a href="https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp">
<img src="site/public/assets/brands/chrome.svg" alt="Chrome" width="24" height="24" />
<img src="site/public/assets/brands/edge.svg" alt="Edge" width="24" height="24" />
<img src="site/public/assets/brands/brave.svg" alt="Brave" width="24" height="24" />
<img src="site/public/assets/brands/arc.png" alt="Arc" width="24" height="24" />
<img src="site/public/assets/brands/chromium.svg" alt="Chromium" width="24" height="24" /><br />
<strong>Add to Chrome</strong>
</a><br />
<sub>Chrome · Edge · Brave · Arc · Chromium</sub>
</td>
<td align="center" width="280">
<a href="https://addons.mozilla.org/firefox/addon/openscreenshot/">
<img src="site/public/assets/brands/firefox.svg" alt="Firefox" width="24" height="24" /><br />
<strong>Add to Firefox</strong>
</a><br />
<sub>Firefox for desktop · 140+</sub>
</td>
</tr>
<tr>
<td align="center" width="280">
<a href="#mcp">
<img src="site/public/assets/brands/claude.svg" alt="Claude" width="24" height="24" />
<img src="site/public/assets/brands/chatgpt.svg" alt="ChatGPT" width="24" height="24" />
<picture>
<source media="(prefers-color-scheme: dark)" srcset="site/public/assets/brands/grok-dark.svg" />
<img src="site/public/assets/brands/grok.svg" alt="Grok" width="24" height="24" />
</picture>
<img src="site/public/assets/brands/muse.svg" alt="Muse" width="24" height="24" /><br />
<strong>MCP</strong>
</a><br />
<sub>Local server · client setup required</sub>
</td>
<td align="center" width="280">
<a href="#cli">
<img src="site/public/assets/brands/terminal.svg" alt="Terminal" width="24" height="24" /><br />
<strong>CLI</strong>
</a><br />
<sub>Terminal · scripts · CI/CD</sub>
</td>
</tr>
</table>

[Website](https://openscreenshot.app) &nbsp;·&nbsp; [Docs](https://openscreenshot.app/docs/) &nbsp;·&nbsp; [Roadmap](./ROADMAP.md) &nbsp;·&nbsp; [Report a bug](https://github.com/PGHQdev/OpenScreenShot/issues)

<br />

<img src="media/hero.jpg" alt="The OpenScreenShot popup open over a web page in Chrome, with Full Page, Visible Area, Selected Region and Record options" width="860" />

<sub>Chrome preview. Screenshot capture and editing are also available in Firefox.</sub>

</div>

Capture the full web page.

- Crop it as you like.
- Edit it.
- Mark it.
- Blur it.
  All done locally, no account required. Fully private and privacy-friendly.

## Capture → edit → share

- **One click, whole page** — the toolbar icon captures the entire scrolling page,
  even behind sticky headers and inside nested scrollers (a settings toggle restores
  the mode picker)
- **Visible area and region capture** from the right-click menu or shortcuts
- **Annotate** with arrows, text, numbered steps, spotlight, and crop, with full undo
- **Blur or redact secrets** before you share
- **Record the tab in Chrome** with auto-zoom at your clicks, mic and webcam, and trim. Pick
  the part of the tab to record and check your camera first; the controls stay out of the video
- **Export** as PNG, JPEG, WebP, or multi-page PDF, or copy straight to the clipboard

The full tour, every shortcut, and the settings reference live in the
[docs](https://openscreenshot.app/docs/).

## Install

|                                          | Chrome & Chromium                                                                             | Firefox                                                                     |
| ---------------------------------------- | --------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------- |
| Install                                  | [Chrome Web Store](https://chromewebstore.google.com/detail/hdabbojjccojlapnfjpdppcpfcnhgmdp) | [Firefox Add-ons](https://addons.mozilla.org/firefox/addon/openscreenshot/) |
| Full-page, visible-area & region capture | ✓                                                                                             | ✓                                                                           |
| Annotations, redaction & local history   | ✓                                                                                             | ✓                                                                           |
| Image, PDF & clipboard export            | ✓                                                                                             | ✓                                                                           |
| Screen recording                         | Chrome                                                                                        | Not available                                                               |

Firefox requires **desktop version 140 or later**. The Chrome extension also works in
Edge, Brave, Arc, and other Chromium browsers. Screen-wide color picking and floating
capture windows appear only when the browser supports them.

### Your first screenshot

1. **Install** from your browser’s store and pin the extension to the toolbar.
2. **Click the icon** to capture the whole page. Right-click for visible-area and region capture.
3. **Edit and share** — annotate, redact, copy, or save an image or PDF.

Prefer a capture menu on every click? Turn off **Express mode** in settings.
For alternatives and a sourced feature comparison, see [How it compares](https://openscreenshot.app/compare/).

### Element capture (source builds)

Choose **Capture element** from the page or extension right-click menu, or from
the popup when Express mode is off. Hover over a card, image, chart, or table to
highlight it. Use ↑ / ↓ to select a larger or smaller area, or ← / → to move
between elements without a mouse. Click or press Enter to capture; Esc cancels.

The capture follows your existing Editor, Clipboard, or Download setting. The
element must be fully visible: scroll it into view, or use the **Capture full
page** fallback offered for clipped elements. Content inside an iframe is
captured as part of the iframe's visible rectangle. No new permissions are needed.
This feature is available in source builds and has not yet been released to the stores.

## Private by design

`host_permissions` is empty: `activeTab` grants access on your click, and the extension
does not have standing access to every website. Captures, recordings, and edits stay
in local browser storage until you export or delete them. Chrome can optionally request
broader access for recording across sites; Firefox does not request recording permissions. Full policy: [PRIVACY.md](./PRIVACY.md).

<details>
<summary><b>Every permission, line by line</b></summary>

<br />

| Permission                           | Why                                                                                                                                          |
| ------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------- |
| `activeTab`                          | Access the current tab — only when you click the extension, use a shortcut, or pick a capture from the right-click menu                      |
| `scripting`                          | Inject on-demand page functions for scroll-and-stitch, region selection, the quick-mode clipboard write, and the recording's click tracker   |
| `storage` (+ `unlimitedStorage`)     | Settings, the last region rect, editing drafts, a parked Record click, and stashing large full-page PNGs and recording chunks for the editor |
| `downloads`                          | Save exports, quick-mode captures, and recording exports to your Downloads folder                                                            |
| `contextMenus`                       | Add one capture submenu to the page right-click menu                                                                                         |
| `clipboardWrite`                     | Copy a screenshot from the editor or from quick mode; it never reads the clipboard                                                           |
| `offscreen` (Chrome)                 | Run the recording engine in a hidden document — `MediaRecorder` and the IndexedDB writes need a page context a service worker doesn't have   |
| `tabCapture` (Chrome, optional)      | Requested once, at your first recording; every recording after that starts in one click                                                      |
| `<all_urls>` (Chrome, optiona