Dokumentation

Installieren

OpenScreenShot ist im Chrome Web Store verfügbar.

1. Öffne den OpenScreenShot-Eintrag in Chrome.
2. Klicke auf Zu Chrome hinzufügen.
3. Bestätige die Berechtigungen. Die Erweiterung braucht den aktiven Tab und die Erlaubnis, dort ihr Aufnahme-Skript auszuführen.
4. Das OpenScreenShot-Symbol erscheint in deiner Symbolleiste. Klicke darauf, um das Popup zu öffnen.

Einen Screenshot aufnehmen

Klicke auf das OpenScreenShot-Symbol in der Symbolleiste und die Ganzseiten-Aufnahme startet — ohne Menü dazwischen. Alles läuft lokal in deinem Browser. Es gibt vier Wege, eine Aufnahme zu starten:

• Das Symbol in der Symbolleiste — ein Klick nimmt die ganze Seite auf. Schalte Ein-Klick-Express-Modus in den Einstellungen aus, um das Auswahlmenü zurückzubekommen; Rechtsklick auf das Symbol öffnet die anderen Modi und Einstellungen.
• Ein Tastenkürzel — Ctrl+Shift+S für die ganze Seite, Alt+Shift+V für den sichtbaren Bereich, Ctrl+Shift+E für einen Ausschnitt. Auf macOS sind es ⌘⇧S, ⌥⇧V und ⌘⇧E. „Element erfassen“ hat kein Standardkürzel. Lege jedes Kürzel unter chrome://extensions/shortcuts fest oder ändere es.
• Das Kontextmenü — das OpenScreenShot-Untermenü auf jeder Seite bietet dieselben vier Modi und die Einstellungen.
• Ausschnitt erneut — die Popup-Fußzeile und das Rechtsklick-Menü nehmen das letzte Ausschnitt-Rechteck noch einmal auf. Beide Einträge erscheinen, sobald du einmal einen Ausschnitt gewählt hast.

Die Zeile Timer im Popup hält eine Aufnahme 3, 5 oder 10 Sekunden zurück, und das Symbol-Badge zählt herunter. Nutze sie für Hover-Zustände, Dropdown-Menüs und Tooltips, die sich schließen, sobald du woanders klickst.

Aufnahmemodi

Ganze Seite

Nimmt die ganze scrollbare Seite auf und setzt sie zu einem Bild zusammen. Die Erweiterung scrollt die Seite Viewport für Viewport, nimmt jede Kachel auf und fügt sie zusammen. Fixierte Kopfzeilen werden auf der ersten Kachel aufgenommen und einmal oben eingefügt. Seiten, die ein inneres Element statt des Fensters scrollen, funktionieren auch. Eine Seite, die höher als ein Bild ist (32.000 Gerätepixel), wird als bis zu sechs Bilder gespeichert: „Speichern“ benennt jeden Teil, und „Editor“ oder „Kopieren“ öffnet jeden Teil in einem eigenen Editor-Tab.

Sichtbarer Bereich

Nimmt den aktuellen Viewport sofort auf. Kein Scrollen. Nutze das für einen schnellen Screenshot von dem, was gerade auf dem Bildschirm ist.

Ausschnitt

Klicke und ziehe, um ein Rechteck aufzuziehen. An jeder Kante und Ecke erscheinen Griffe zum Skalieren. Mit den Pfeiltasten verschiebst du die Auswahl pixelweise, mit gedrückter Shift-Taste in Schritten von zehn Pixeln. Enter bestätigt, Esc bricht ab.

Element

Fahre mit der Maus über die Seite, um eine Karte, ein Diagramm, eine Tabelle, ein Bild oder ein anderes Element auszuwählen, und klicke dann oder drücke Enter, um genau seine Grenzen aufzunehmen. ↑ wählt das übergeordnete Element, ↓ das untergeordnete und ←/→ die Nachbarn. Ist das Element nicht vollständig sichtbar, bietet die Auswahl stattdessen eine Ganzseiten-Aufnahme an.

Nach einer Aufnahme

Die Zeile Nach Screenshot im Popup legt fest, was mit einer fertigen Aufnahme passiert. Sie gilt für jeden Einstieg: die Popup-Buttons, die Tastenkürzel und das Rechtsklick-Menü.

• Editor — öffnet den Anmerkungs-Editor in einem neuen Tab. Das ist der Standard.
• Kopieren — kopiert den Screenshot und überspringt den Editor. Füge ihn direkt in einen Chat, ein Dokument oder ein Issue ein.
• Speichern — speichert den Screenshot in deinem Download-Ordner und überspringt den Editor. Schnelle Speicherungen werden als PNG geschrieben.

Kopieren und Speichern öffnen keinen Tab, das Symbol-Badge ist also die Bestätigung. Bei einer fehlgeschlagenen Aufnahme blinkt ! auf dem Badge. Letzten öffnen in der Popup-Fußzeile öffnet die letzte Aufnahme jederzeit im Editor.

Anmerken

Der Editor öffnet sich in einem vollen Tab und lädt die letzte Aufnahme aus dem lokalen Speicher. Jedes Werkzeug hat ein Kürzel aus einem Buchstaben.

• Auswählen V — jede Anmerkung verschieben, skalieren oder löschen. Doppelklick auf eine Textebene bearbeitet sie erneut.
• Form R — ein Rechteck, ein abgerundetes Rechteck, ein Oval oder ein Dreieck zeichnen. Füllung setzt keine oder eine volle Füllung in der Linienfarbe; halte Shift für gleich lange Seiten, so wird aus einem Oval ein Kreis.
• Pfeil A — einen Richtungspfeil mit gefüllter, offener, doppelter oder Punkt-Spitze zeichnen. Ziehe den runden Griff in der Mitte, um ihn zu einer Kurve zu biegen.
• Linie L — der Pfeil ohne Spitze.
• Stift P — Freihandzeichnen.
• Textmarker H — ein durchscheinender Freihandstrich.
• Text T — ein Textfeld hinzufügen; die Größe bestimmt der Schriftgrößen-Regler.
• Schrittnummer S — nummerierte Markierungen, die von selbst hochzählen und beim Löschen neu nummerieren.
• Unschärfe B — sensible Inhalte verbergen: weiche Unschärfe, grobes Mosaik oder eine deckende Füllung. Die deckende Füllung übersteht erneutes Komprimieren.
• Spotlight O — Rechteck-, abgerundete oder Ellipsen-Ausschnitte, die zu einer abgedunkelten Ebene verschmelzen.
• Pipette I — eine Farbe aus der Aufnahme übernehmen. Sie tastet ab, was du siehst, sodass eine Farbe in einem Spotlight oder auf einem Beautify-Verlauf so gewählt wird, wie sie aussieht. Das Farbfeld in der Farbzeile öffnet Chromes bildschirmweiten Wähler für alles außerhalb der Leinwand.
• Zuschneiden C — das Bild auf einen gewählten Bereich beschneiden.
• Cut X — waagerechte Streifen auf einer langen Aufnahme markieren und mit Live-Vorschau entfernen.

Halte Shift beim Zeichnen für gleichseitige Formen und für Linien und Pfeile auf 45°. Die Stilleiste trägt eine 8-Farben-Palette auf 1–8, eine eigene Farbe, zuletzt genutzte Farben, vier Linienstärken, die mit der Größe der Aufnahme skalieren, und einen Schriftgrößen-Regler. Deine Wahl bleibt über Sitzungen erhalten. Ziehe Werkzeuge in der Leiste, um deine Favoriten nach vorn zu stellen, oder verschiebe das fokussierte Werkzeug mit Alt+↑ / Alt+↓. Rückgängig und Wiederholen sind Ctrl+Z / Ctrl+Shift+Z, auf macOS ⌘Z / ⌘⇧Z.

Beautify

Das Beautify-Panel in der oberen Leiste rahmt den Screenshot fürs Teilen: ein Look, dazu die Regler Abstand, Ecken und Schatten und ein Hintergrund aus sechs Verläufen, einer eigenen Farbe oder Transparenz. Der Rahmen zeigt eine Live-Vorschau und wandert in jeden Export, die Zwischenablage und ins PDF.

Ein vorhandenes Bild kommentieren

Ziehe eine Bilddatei auf die Editor-Fläche oder füge eine mit Ctrl+V / ⌘V außerhalb eines Textfelds ein. Der Import nimmt denselben Platz ein wie ein Screenshot, also funktionieren jedes Werkzeug, der Beautify-Rahmen und jeder Exportweg weiter, und die obere Leiste zeigt Importiert. Ein Import ersetzt die Leinwand, deshalb fragt der Editor vorher nach, wenn Anmerkungen verloren gingen.

Exportieren

Klicke auf Bild speichern in der oberen Leiste des Editors oder drücke Ctrl+S / ⌘S, um den Dialog Exportieren zu öffnen. Daneben legt Kopieren ein PNG in die Zwischenablage, und PDF speichert mit einem Klick ein PDF. Wähle im Dialog ein Format:

• PNG — verlustfrei, behält Transparenz.
• JPEG — kleinere Dateien, einstellbare Qualität.
• WebP — einstellbare Qualität wie JPEG, Transparenz wie PNG.
• PDF — als eine Bildseite exportieren, auf A4/Letter einpassen oder mit 5 mm Überlappung auf mehrere Seiten aufteilen, damit kein Inhalt mitten in der Zeile abgeschnitten wird.

Skalierung exportiert mit 25, 50, 100 oder 200 % oder mit einer exakten Pixelbreite. Für PDF ist sie ausgeblendet, weil PDF auf die Seite skaliert. Eine Größe über Chromes Canvas-Limit wird abgelehnt und nie als leere Datei geschrieben.

Ctrl+C / ⌘C kopiert das fertige Bild direkt in die Zwischenablage. Der Export-Dialog kann seine aktuellen Einstellungen auch als deine neuen Standards speichern.

Einen Tab aufnehmen

Tab-Aufnahmen gibt es in der Chrome-Version; die Firefox-Version unterstützt derzeit nur Screenshots. Klicke im Pop-up auf Aufnehmen, um den Aufnahme-Tab neben deiner Seite zu öffnen. Während eine Aufnahme läuft, beendest du sie mit Alt+Shift+X aus jedem Tab. Bei der ersten Aufnahme zeigt Chrome eine Berechtigungsabfrage für die Tab-Aufnahme.

Eine Aufnahme starten

Der Aufnahme-Tab zeigt ein Bild deiner Seite und ein Live-Bild deiner Kamera. Schalte dort Mikro, Tab-Audio oder Webcam ein; die Berechtigungsabfrage deines Browsers erscheint in diesem Tab. Ziehe über das Bild, um nur einen Teil der Seite aufzunehmen, oder behalte Ganzer Tab. Klicke auf Aufnahme starten, und OpenScreenShot wechselt zu deiner Seite.

Wechselt eine Aufnahme zu einer anderen Website, braucht die Klickerfassung die optionale Berechtigung „Auf allen Websites“ (siehe Einstellungen), um zu folgen. Ohne sie wird das Symbolleisten-Badge gelb, und Zoom und Klickeffekte fehlen im restlichen Video. Das Video selbst wird weiter aufgenommen.

Der Aufnahme-Tab

Während der Aufnahme enthält der Aufnahme-Tab einen Timer und die Schaltflächen Pause/Fortsetzen, Stopp und Abbrechen. Der aufgenommenen Seite wird nichts hinzugefügt, daher erscheinen keine Bedienelemente im Video. Kehre zum Tab zurück, um zu stoppen, oder drücke Alt+Shift+X. Nach dem Stopp öffnet derselbe Tab den Editor.

Die Webcam kommt als runde Blase in den Export, die du im Editor platzierst, und der Editor schneidet das Video auf den gewählten Bereich zu.

Der Editor

Stopp öffnet den Aufnahme-Editor mit deinem Take auf einer Zeitleiste. Der Editor setzt einen weichen 2x-Zoom bei jedem Klick deines Cursors — passe sie an, lösche sie oder setze eigene manuelle Zoom-Blöcke mit 1,5x, 2x oder 3x. Trimme Anfang oder Ende jedes Segments über seine Griffe. Klick-Effekte markieren, wo du geklickt hast, und Webcam-Bubble, Beautify-Rahmen und die Lautstärkeregler für Mikro und Tab-Audio sitzen im Seitenpanel. „Cursor anzeigen“ zeichnet einen weichen Zeiger entlang deines aufgezeichneten Cursor-Pfads; schalte ihn in der Einstellungsleiste aus.

Exportieren

Der Export rendert den Take über Canvas neu, mischt die gewählten Spuren und Effekte hinein und lädt standardmäßig eine MP4-Datei (H.264 und AAC) herunter, oder WebM über die Auswahl neben der Schaltfläche. MP4 ist auf 4096×2304 begrenzt, daher wird ein größerer Tab passend verkleinert. Browser ohne MP4-Aufnahme exportieren nur WebM.

Entwürfe

Deine Bearbeitungen werden während der Arbeit lokal gespeichert. Schließt sich der Editor-Tab oder stürzt er ab, bietet der nächste Editor-Tab den Entwurf wieder an. Wiederherstellen ist immer ein Klick, ein alter Entwurf ersetzt also nie eine Aufnahme, die du frisch beginnen wolltest. Ein zugeschnittenes Bild bekommt einen eigenen Entwurf, damit Anmerkungen nie auf dem falschen Bild landen.

Tastenkürzel

Drücke ? im Editor für die vollständige Übersicht. Neben den Werkzeug-Buchstaben oben:

• 1–8 — die Anmerkungsfarbe setzen.
• Ctrl+C / ⌘C — in die Zwischenablage kopieren.
• Ctrl+S / ⌘S — exportieren.
• Backspace — die ausgewählte Anmerkung löschen.
• Esc — Auswahl aufheben oder Zuschnitt abbrechen.
• Ctrl / ⌘ mit +, − oder 0 — vergrößern, verkleinern, Originalgröße. F passt an den Bildschirm an.
• Space + Ziehen — die Ansicht verschieben.

Alt+Shift+X stoppt die laufende Aufnahme von überall — Editor oder Popup müssen dafür nicht offen sein.

Einstellungen

Öffne das Zahnrad im Popup, um Folgendes einzustellen:

• Design — hell, dunkel oder System.
• Format — PNG, JPEG, WebP oder PDF.
• Qualität — für JPEG, WebP und PDF.
• Dateinamen-Vorlage — klicke auf einen Token-Chip, um {date}, {time}, {title}, {domain}, {w} oder {h} einzufügen. Eine Live-Vorschau zeigt das Ergebnis. Mit / wird in einen Ordner unter Downloads gespeichert, z. B. Screenshots/{title}.

Einstellungen liegen im lokalen Speicher dieses Geräts. Zurücksetzen ganz unten im Panel braucht zwei Klicks.

Auf allen Websites — standardmäßig aus. Beim Einschalten wird die optionale Host-Berechtigung <all_urls> angefragt, damit die Klickerfassung einem Tab folgen kann, der während der Aufnahme zu einer neuen Website wechselt.

Agenten & CLI

openscreenshot (npm) ist ein separates, optionales, lokales Tool, um Screenshots aus der Kommandozeile oder von einem KI-Agenten aus zu skripten. Es steuert das Chrome, das schon auf deinem Gerät ist — kein Browser-Download, kein gehosteter Dienst. Setze CHROME_PATH, wenn dein Chrome nicht automatisch gefunden wird.

pnpm dlx openscreenshot shot https://example.com --out shot.png --full

Als MCP-Server: füge das deiner MCP-Client-Konfiguration hinzu:

{ "command": "pnpm", "args": ["dlx", "openscreenshot"] }

Rufe dann das Tool capture_screenshot mit { "url": "https://example.com" } auf. Optionale Eingaben sind fullPage (Standard false), width (200–3840, Standard 1280), height (200–2160, Standard 800) und redact, das CSS-Selektoren (selectors), Textmuster (patterns: email, phone, secret) und Pixel-Rechtecke (rects) vor dem Screenshot mit schwarzen Kästen abdeckt. Das Tool gibt PNG-Bildinhalt an deinen Client zurück. Ein Client mit einem gehosteten Modell kann dieses Bild an seinen Anbieter senden; nutze redact für Daten, die das Gerät nicht verlassen dürfen, und prüfe die Dateneinstellungen des Clients.

Datenschutz

OpenScreenShot verarbeitet alles lokal in deinem Browser. Screenshots liegen im lokalen Chrome-Speicher und werden auf keinen Server hochgeladen. Aufnahmen, Cursor-Protokolle und Mikro-/Webcam-Streams bleiben in IndexedDB auf deinem Gerät, bis du sie löschst. Die Erweiterung hat keine Analytics, keine Telemetrie und keine Drittanbieterdienste.

Alle Details stehen in der Datenschutzerklärung.

Hilfe bekommen

Auf der Seite Support & FAQ findest du häufige Fragen und bekannte Grenzen. Brauchst du mehr Hilfe, öffne ein Issue auf GitHub.