Ganzseitiger Screenshot
Was ein ganzseitiger Screenshot ist, wie er sich von Viewport- und scrollenden Screenshots unterscheidet und wann er sinnvoll ist.
Ein ganzseitiger Screenshot erfasst die gesamte scrollbare Höhe einer Webseite in einem Bild, nicht nur den im Browserfenster sichtbaren Teil. Eine lange Landingpage kann ein Bild ergeben, das mehrere tausend Pixel hoch ist.
Zwei Methoden sind verbreitet. Der Browser kann die gesamte Dokumenthöhe in einem Durchgang rendern, was DevTools und Automatisierungsbibliotheken unterstützen. Alternativ scrollt ein Tool die Seite Viewport für Viewport und setzt die Teile zusammen.
Beide Methoden stoßen auf dieselben Seiteneigenschaften: fixierte Kopfzeilen, Bilder, die erst beim Scrollen in den sichtbaren Bereich geladen werden, Infinite Scroll und Animationen, die sich zwischen den Frames ändern.
Ganzseitiger Screenshot im Vergleich zu Viewport- und scrollenden Screenshots
| Typ | Höhe | Entstehung |
|---|---|---|
| Viewport | Ein Bildschirm | Erfasst, was gerade sichtbar ist |
| Ganzseitig | Gesamtes Dokument | Rendert oder setzt die ganze Seite zusammen |
| Scrollend | Gesamter gescrollter Bereich | Scrollt ein beliebiges Fenster oder Panel und setzt zusammen |
Eine ganzseitige Aufnahme ist auf Webseiten beschränkt. Eine scrollende Aufnahme kann auch App-Panels, Chatverläufe und Dokumente abdecken.
Wo ganzseitige Screenshots eingesetzt werden
- Bei Design-Reviews und Übergaben, wenn das gesamte Layout zählt.
- Zum Archivieren einer Seite vor einem Redesign oder für Unterlagen.
- Bei QA-Prüfungen auf Layoutfehler weit unterhalb des sichtbaren Bereichs.
- Für Portfolio- und Fallstudienbilder.
So entstehen ganzseitige Screenshots
Setzen Sie in Temposhot unter Website Capture die Option Area auf Full page. Wählen Sie eine Wait-Bedingung (Load, DOM content loaded oder Network idle) und fügen Sie eine Verzögerung von 0-60 Sekunden hinzu, wenn Inhalte spät eintreffen. Als Ausgabe stehen JPEG, PNG oder WebP zur Verfügung.
Für eine einzelne Seite in Chrome 116+ scrollt die Temposhot-Erweiterung Full Page Screenshot die aktive Seite, setzt die Viewports lokal in Retina-Auflösung zusammen und lädt ein PNG herunter.
Häufige Fehler bei ganzseitigen Screenshots
- Aufnehmen, bevor per Lazy Loading geladene Bilder erscheinen, sodass leere Bereiche bleiben.
- Wiederholte fixierte Kopfzeilen oder Chat-Schaltflächen in einem zusammengesetzten Bild.
- Sehr hohe Bilder, die manche Bildbetrachter und Upload-Formulare ablehnen.
- JPEG für lange Seiten mit kleiner Schrift verwenden.
Immer wieder dieselben Screenshots?
Nehmen Sie mit der Website-Screenshot-Automatisierung ganze Seiten für eine komplette URL-Liste auf.
Häufige Fragen
Warum ist ein Teil meines ganzseitigen Screenshots leer?
Die Seite lädt Bilder vermutlich erst beim Scrollen. Verwenden Sie Network idle oder eine längere Verzögerung.
Kann ich eine hohe Aufnahme in Seiten aufteilen?
Ja. Split Image zerlegt ein hohes Bild in mehrere Teile.
Quellen
Weiterführende Ressourcen
- Optionen für Website Capture: Einstellungen für Bereich, Warten und Format.
- Stitch Screenshots: einzelne Aufnahmen zu einem Bild zusammenfügen.
Machen Sie immer wieder dieselben Screenshots?
Temposhot erfasst einen Bildschirm, ein Fenster oder einen Bereich zeitgesteuert und exportiert die Serie als PDF, Bilder, ZIP oder MP4. Kostenlose Browser-Tools erstellen nur einzelne Bilder.
Verwandte Ressourcen
Verwandte Begriffe
- Scroll-ScreenshotWas ein Scroll-Screenshot ist, worin er sich vom Ganzseiten-Screenshot unterscheidet und wann Sie ihn verwenden.
- Viewport-ScreenshotWas ein Viewport-Screenshot ist, wie er sich von der ganzseitigen Aufnahme unterscheidet und wann er die richtige Wahl ist.
- Screenshot-StitchingWie Screenshot-Stitching überlappende Aufnahmen zu einem Bild zusammenfügt, wie es sich von der nativen Ganzseitenaufnahme unterscheidet und welche typischen Fehler auftreten.
- Lazy LoadingWie Lazy Loading funktioniert, warum es Screenshots beeinflusst und wie sich nachgeladene Inhalte erkennen und behandeln lassen.
- Batch-ScreenshotWas Batch-Screenshots sind, wie sie sich von Einzelaufnahmen unterscheiden und wo Teams sie einsetzen.
- BildschirmaufnahmeWas eine Bildschirmaufnahme ist, welche Aufnahmemethoden es gibt und wie Sie die passende wählen.
- Screenshot-AutomatisierungWas Screenshot-Automatisierung ist, wie sie sich von manuellen Aufnahmen und Bildschirmaufzeichnungen unterscheidet und wo Teams sie einsetzen.