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 Chrome-Erweiterung, die alle vier Schritte abdeckt, ohne dass Sie den Browser verlassen müssen; nur der PDF-Export braucht die einmalige Premium-Lizenz.

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 Erfassung, Annotation, Pixelierung und Export in einer einzigen Chrome-Erweiterung; der PDF-Export gehört zur einmaligen Premium-Lizenz. 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 deckt fünf Werkzeuge ab — genug für einen Bug-Bericht, ein Tutorial oder eine Dokumentation:

Jede Annotation wird direkt ins Bild gezeichnet — es gibt keine separaten Ebenen. Einen Rahmen nachträglich verschieben, vergrößern, umfärben oder einzeln löschen geht deshalb nicht: Wenn etwas danebenliegt, nehmen Sie den Schritt mit Rückgängig zurück und zeichnen neu, oder leeren Sie mit Alles löschen die gesamte Bearbeitung. Ein Zuschneide-Werkzeug hat der Editor nicht — den Bildausschnitt legen Sie schon beim Erfassen über die Auswahl-Aufnahme fest.

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-Werkzeug aus der Werkzeugleiste;
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. Die Blockgröße ist fest vorgegeben, einen Schieberegler für die Intensität gibt es nicht;
4. Danebengezogen? Mit Rückgängig nehmen Sie den Schritt zurück und ziehen den Rahmen neu auf — nachträglich verschieben oder vergrößern lässt sich der markierte Bereich nicht.

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, stehen im Editor drei Ausgabeoptionen bereit:

• PNG herunterladen — verlustfreie Qualität, größere Datei. Die Datei wird automatisch als PageShot_Annotated_<Zeitstempel>.png benannt; ideal für Screenshots, die gestochen scharf aussehen müssen (Dokumentation, Tutorials);
• 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;
• Als PDF exportieren — nur mit der einmaligen Premium-Lizenz. Erstellt aus dem annotierten Screenshot ein PDF für Bug-Berichte, Dokumentation und formale Einreichungen.

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…), rahmen Sie die Schaltflächen mit dem Rechteck-Werkzeug ein, 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 — mit der einmaligen Premium-Lizenz — und legen Sie das Dokument ab. 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 (Premium) für ein Archiv, das sich nicht mehr ändert. 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 Erfassung, Annotation und Unschärfe in einem kostenlosen, vollständig lokalen Tool; der PDF-Export kommt mit der einmaligen Premium-Lizenz hinzu.

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].