VKT Toolkit · 11. September 2026 · 8 Min. Lesezeit

Screenshots erfassen, annotieren und als PDF exportieren — Der komplette Chrome-Workflow

Der Screenshot ist nur der erste Schritt. Sie erfassen eine Webseite und müssen dann den wichtigen Teil einrahmen, einen Pfeil auf das Problem zeichnen, jemandes E-Mail-Adresse verpixeln und alles als PDF speichern, um es an einen Bug-Bericht anzuhängen. Der übliche Workflow umfasst drei verschiedene Tools — eine Screenshot-Erweiterung, einen Bildeditor und einen PDF-Konverter. Es gibt einen schnelleren Weg.

Dieser Leitfaden führt durch den kompletten Workflow — erfassen, annotieren, sensible Daten verpixeln und exportieren — mit einer einzigen kostenlosen Chrome-Erweiterung, die alle vier Schritte ausführt, ohne den Browser zu verlassen.

Der traditionelle Workflow (Und warum er mühsam ist)

Der Screenshot-Workflow der meisten Menschen sieht so aus:

1. Erfassen mit einer Screenshot-Erweiterung oder Druck-Taste;
2. Einen Bildeditor öffnen (Paint, Photoshop, Preview, GIMP), um zuzuschneiden, Pfeile hinzuzufügen und private Daten zu verpixeln;
3. Das Bild speichern;
4. Ein PDF-Tool öffnen (Word, Google Docs, Online-Konverter), um das Bild in PDF zu konvertieren;
5. Das PDF anhängen an die E-Mail, den Bericht oder das Dokument.

Fünf Schritte, drei Anwendungen, zwei Dateikonvertierungen. Und wenn Sie einen Vollbild-Screenshot annotieren müssen — der über 10.000 Pixel hoch sein kann — stoßen die meisten Bildeditoren an die Grenzen der Leinwandgröße.

Der PageShot-Workflow: Erfassen → Annotieren → Exportieren (Ein Tool)

VKT PageShot kombiniert alle vier Schritte in einer einzigen Chrome-Erweiterung. So funktioniert der komplette Workflow:

Schritt 1: Erfassen

Klicken Sie auf das PageShot-Symbol in Ihrer Symbolleiste. Wählen Sie Ihren Erfassungsmodus:

• Vollbild — erfasst die gesamte scrollbare Seite, inklusive des Inhalts unterhalb der Falzlinie. Behandelt nachgeladene Bilder und entfernt sticky Header automatisch;
• Sichtbarer Bereich — erfasst nur, was aktuell auf dem Bildschirm zu sehen ist;
• Auswahl — ziehen Sie, um einen bestimmten Bereich der Seite auszuwählen.

Die Erfassung erfolgt sofort. Kein Upload, keine Verzögerung. Der Annotations-Editor öffnet sich automatisch.

Schritt 2: Annotieren

Der integrierte Annotations-Editor von PageShot enthält jedes Werkzeug, das Sie für einen Bug-Bericht, ein Tutorial oder eine Dokumentation benötigen:

Jede Annotation ist nicht-destruktiv — Sie können jedes Element nach dem Platzieren verschieben, vergrößern, umfärben oder löschen. Kein Rückgängig-machen und Wiederholen nötig. Ebenen stapeln sich natürlich: Pfeile über Hervorhebungen über dem Screenshot.

Schritt 3: Sensible Daten verpixeln

Das ist der Schritt, den die meisten überspringen — und später bereuen. Einen Screenshot zu teilen, der die E-Mail-Adresse, den Namen eines Kunden, eine Kontonummer oder eine persönliche Nachricht enthält, ist ein Datenschutz-Leck, das nur darauf wartet, zu passieren.

Das Mosaik-Tool von PageShot macht das Verpixeln mühelos:

1. Wählen Sie das Mosaik-Tool aus der Symbolleiste;
2. Ziehen Sie über den Bereich, den Sie unkenntlich machen möchten — eine E-Mail-Adresse, einen Benutzernamen, einen Kontostand;
3. Der Bereich wird sofort pixeliert. Passen Sie bei Bedarf die Unschärfenintensität mit dem Schieberegler an;
4. Vergrößern oder verschieben Sie den Unschärfebereich, indem Sie an den Griffen ziehen.

Die Unschärfe wird in das exportierte Bild eingebrannt — es ist keine separate Ebene, die entfernt werden kann. Das ist wichtig: Wenn Sie den Screenshot teilen, sind die verpixelten Daten dauerhaft nicht wiederherstellbar.

Schritt 4: Exportieren

Wenn Ihre Annotationen fertig sind, klicken Sie auf die Export-Schaltfläche. Fünf Optionen:

• PNG — verlustfreie Qualität, größere Datei. Ideal für Screenshots, die gestochen scharf aussehen müssen (Dokumentation, Tutorials);
• JPG — kleinere Datei, geringfügiger Qualitätsverlust. Ideal fürs Teilen in E-Mails und Chats, wo die Dateigröße wichtig ist;
• In Zwischenablage kopieren — direkt einfügen in Slack, Discord, E-Mail, Google Docs oder jede App, die Bilder akzeptiert. Schnellste Option für schnelles Teilen;
• PDF — erstellt ein korrekt paginiertes PDF mit Ihren Annotationen. Enthält Seitenumbrüche, Ränder und das Erfassungsdatum. Ideal für Bug-Berichte, Dokumentation und formale Einreichungen;
• Auf Festplatte speichern — lädt die Datei in Ihren Standard-Download-Ordner herunter.

Wann welches Exportformat verwenden

Praktische Workflows

Bug-Bericht einreichen

Erfassen Sie die fehlerhafte Seite (Vollbild, wenn der Bug unterhalb der Falzlinie liegt). Fügen Sie einen Pfeil hinzu, der auf das defekte Element zeigt. Fügen Sie ein Text-Label mit der erwarteten Verhaltensweise hinzu. Verpixeln Sie alle auf der Seite sichtbaren Nutzerdaten. Exportieren Sie als PNG und fügen Sie es in Jira, GitHub Issues oder Linear ein.

Ein Tutorial oder eine Anleitung erstellen

Erfassen Sie jeden Schritt des Prozesses. Fügen Sie im Annotations-Editor nummerierte Text-Labels hinzu (Schritt 1, Schritt 2…), heben Sie die Schaltflächen hervor, die der Leser klicken soll, und verpixeln Sie persönliche Kontodetails. Exportieren Sie alle Bilder als PNG und betten Sie sie in Ihr Dokument ein.

Einen Preis oder ein Angebot als Nachweis dokumentieren

Erfassen Sie die Produktseite mit sichtbarem Preis. Fügen Sie ein Text-Label mit Datum und Uhrzeit hinzu. Exportieren Sie als PDF — der Zeitstempel in den PDF-Metadaten dient als Nachweis. Nützlich bei Preisstreitigkeiten, Garantieansprüchen oder Angebotsüberprüfungen.

Feedback zu einem Design teilen

Erfassen Sie das Design-Mockup oder die Live-Seite. Verwenden Sie Rechtecke, um Bereiche hervorzuheben, die überarbeitet werden müssen. Fügen Sie Text-Labels mit Ihrem Feedback hinzu. Verwenden Sie das Mosaik, um interne Inhalte vor dem externen Teilen zu verpixeln. Exportieren Sie als PNG und fügen Sie es in Figma-Kommentare, Slack oder E-Mails ein.

Eine Webseite archivieren, bevor sie sich ändert

Erfassen Sie die gesamte Seite. Fügen Sie keine Annotationen hinzu (oder nur ein Datums-Label). Exportieren Sie als PDF für ein mit Zeitstempel versehenes Archiv. Dies ist nützlich für Nutzungsbedingungen, Preis-Seiten, Richtliniendokumente oder Inhalte, die sich ohne Ankündigung ändern können.

Vergleich: Screenshot- und Annotationstools

Die Aufteilung ist klar: Leichte Erfassungstools (GoFullPage, DevTools, Schnitt-Tool) liefern das Bild, überlassen die Annotation aber einer anderen App. Vollständige Suiten (Awesome Screenshot, Nimbus) bündeln Erfassung und Annotation, drängen aber auf Cloud-Funktionen und kostenpflichtige Pläne. PageShot bündelt alles — Erfassung, Annotation, Unschärfe, PDF — in einem kostenlosen, vollständig lokalen Tool.

Datenschutz: Ihre Screenshots verlassen nie Ihren Browser

Jeder Schritt des PageShot-Workflows — Erfassung, Annotation, Unschärfe, Export — geschieht vollständig in Ihrem Browser. Kein Screenshot wird jemals auf einen Server hochgeladen. Kein Konto erforderlich. Keine Daten verlassen Ihr Gerät.

Das ist besonders wichtig, wenn Sie Seiten erfassen, die private Daten enthalten — Kunden-Dashboards, interne Tools, persönliche Konten, Finanzinformationen. Die Mosaik-Unschärfe macht sensible Daten in der exportierten Datei dauerhaft unkenntlich. Und weil nichts hochgeladen wird, existiert keine Cloud-Kopie Ihres unverpixelten Screenshots auf dem Server eines Drittanbieters.

Die Berechtigungen sind minimal: activeTab (zur Erfassung der aktuellen Seite) und storage (zum Speichern Ihrer Einstellungen). Mehr nicht.

Häufig gestellte Fragen

Einmal erfassen, einmal annotieren, einmal teilen

Der Drei-Tool-Workflow — Screenshot-Erweiterung, Bildeditor, PDF-Konverter — ist eine Steuer auf jeden Bug-Bericht, jedes Tutorial, jedes Feedback. Ein Tool, das erfasst, annotiert, verpixelt und exportiert, beseitigt die Reibung. Der Screenshot wird zu einer einzigen Aktion, nicht zu einem Projekt.

Weitere Anleitungen im VKT-Blog; Fragen an [email protected].