Ganzseiten-Screenshot

Ein Ganzseiten-Screenshot erfasst die gesamte scrollbare Länge einer Seite statt nur des sichtbaren Viewports. Das Ergebnis ist ein einziges Bild des Layouts von oben bis unten.

Ganzseite, Viewport und Scroll-Aufnahme

Die drei Begriffe hängen eng zusammen, beschreiben aber unterschiedliche Dinge. Ein Viewport-Screenshot zeigt nur den aktuell sichtbaren Ausschnitt des Browserfensters. Ein Scroll-Screenshot bezeichnet eine Methode, bei der ein Werkzeug durch die Seite scrollt und mehrere Bilder zusammensetzt. Ganzseiten-Screenshot beschreibt das Ergebnis: ein Bild der vollständigen Seite.

Die richtige Variante hängt vom Zweck ab. Muss eine Person nur einen Abschnitt prüfen, reicht häufig ein Viewport-Screenshot. Soll die Struktur der gesamten Seite in einem Artefakt sichtbar sein, ist ein Ganzseiten-Screenshot geeigneter. Ob das Tool dafür die native Browseraufnahme oder Scroll-and-Stitch verwendet, ist weniger wichtig als ein korrektes vollständiges Ergebnis.

Einsatzbereiche

• Design-Reviews: Prüfe Aufbau und Reihenfolge langer Landingpages oder Artikel.
• SEO-Audits: Halte Seitenstruktur und Inhaltshierarchie visuell fest.
• QA-Prüfungen: Kontrolliere lange Seiten, Vorlagen und responsive Zustände an mehreren Breakpoints.
• Website-Archive: Erstelle Vorher-nachher-Nachweise von Seitenänderungen.
• Kundenfreigaben: Teile die vollständige Seite als ein Artefakt zur asynchronen Prüfung.

Wer nach einem Ganzseiten-Screenshot fragt, braucht meistens mehr Kontext als nur den sichtbaren Bildschirmbereich.

So entstehen Ganzseiten-Screenshots

• Browser-DevTools: Chrome, Firefox und Edge bieten integrierte Befehle, die eine vollständige scrollbare Seite als einzelnes Bild speichern.
• Scroll-and-Stitch-Werkzeuge: Das Tool scrollt automatisch und setzt die Einzelbilder zu einem langen Bild zusammen. Diese Methode ist häufig auf Mobilgeräten und in Desktop-Apps ohne native Ganzseiten-Aufnahme zu finden.
• Automatisierte Aufnahme: Headless-Browser und Screenshot-Tools können Ganzseiten-Screenshots nach Zeitplan oder als Stapel ohne manuelles Scrollen erstellen. Das eignet sich für regelmäßig wiederkehrende Aufnahmen vieler Seiten.

Wenn mehrere öffentliche Seiten mit denselben Einstellungen aufgenommen werden sollen, kann ein Ablauf für automatisierte Website-Screenshots die Konfiguration auf eine URL-Liste anwenden. Der Leitfaden für mehrere Website-Screenshots erklärt die praktischen Schritte und Grenzen URL-basierter Aufnahmen.

Häufige Fehler bei Ganzseiten-Screenshots

• Von einer einzigen Klickmethode ausgehen. Manche Tools erzeugen das Ergebnis durch Scrollen und Zusammenfügen. Entscheidend ist die vollständige, korrekte Ausgabe, nicht die technische Methode.
• Die Ganzseite aufnehmen, obwohl nur der Bereich oberhalb der Scrollgrenze relevant ist. Bei manchen QA-Prüfungen ist ein Viewport-Screenshot genauer, weil er exakt zeigt, was Nutzer sehen. Die vollständige Seite kann in diesem Fall unnötige Informationen hinzufügen.
• Verzögert geladene Inhalte nicht berücksichtigen. Bilder und Abschnitte, die erst beim Scrollen laden, fehlen möglicherweise, wenn der Aufnahmevorgang dieses Laden nicht auslöst.
• Identische Ergebnisse bei verschiedenen Breiten erwarten. Eine 1440 px breite Aufnahme sieht anders aus als eine mit 375 px. Wähle die Breite passend zum Prüfkontext.