Screenshot-Stitching

Screenshot-Stitching fügt mehrere Screenshots zu einem einzigen Bild zusammen. Der häufigste Fall ist vertikal: Eine Seite oder Liste wird beim Scrollen jeweils bildschirmweise erfasst, und die Teile werden in der richtigen Reihenfolge verbunden. Beim horizontalen Stitching stehen die Aufnahmen nebeneinander, etwa zwei App-Zustände oder eine breite Tabelle.

Stitching funktioniert bei jedem Inhalt, der sich scrollen und erfassen lässt, auch bei nativen Apps, Chat-Verläufen und Dokumentenbetrachtern. Das Ergebnis ist ein hohes oder breites Bild, das sich prüfen, annotieren oder als eine einzelne Datei in ein PDF umwandeln lässt.

So funktioniert Stitching

1. Erfassen Sie den ersten Bildschirm.
2. Scrollen Sie um weniger als eine Bildschirmhöhe, sodass sich benachbarte Aufnahmen überlappen.
3. Wiederholen Sie dies bis zum Ende des Inhalts.
4. Finden Sie die Pixelzeilen, die in beiden Nachbarn vorkommen, und fügen Sie die Bilder an dieser Stelle zusammen.

Einfaches Stitching setzt Bilder ohne Abgleich Kante an Kante. Überlappungsbewusstes Stitching verhindert doppelte oder fehlende Zeilen.

Stitching und native Ganzseitenaufnahme

Ein Browser kann eine gesamte Webseite ohne Scrollen in ein Bild rendern, wie Playwright und Puppeteer mit ihrer Option für Ganzseitenaufnahmen. Dadurch entstehen keine Nahtstellen. Das Verfahren funktioniert jedoch nur bei Webseiten und kann Layouts brechen, die von der Viewport-Höhe abhängen. Stitching funktioniert überall, setzt aber saubere Überlappungen und stabile Inhalte voraus.

Einsatzbereiche

• Lange Webseiten, Chats und Feeds.
• Tabellen und Tabellenkalkulationen, die breiter als der Bildschirm sind.
• Einstellungsbereiche und Formulare mit vielen Abschnitten.
• Nebeneinanderstellung von Vorher- und Nachher-Bildern.

Häufige Fehler

• Fixierte Kopfzeilen und schwebende Schaltflächen wiederholen sich in jedem Abschnitt.
• Animationen oder Lazy-Loading-Bilder ändern sich zwischen den Aufnahmen und zerstören die Überlappung.
• Ein Scrollschritt von mehr als einer Bildschirmhöhe hinterlässt Lücken.
• Das Ergebnis ist so hoch, dass einige Betrachter es stark verkleinern.

Immer wieder dieselben Screenshots?

Für Webseiten in Chrome scrollt die Temposhot Chrome-Erweiterung die aktive Seite, fügt die Ansichten lokal auf Ihrem Computer mit Retina-Auflösung zusammen und lädt eine PNG-Datei herunter. Website Capture mit dem Bereich Full page erfasst eine URL-Liste ohne manuelles Scrollen.

Häufige Fragen

Wie füge ich bereits vorhandene Screenshots zusammen?

Öffnen Sie sie im Stitch Screenshots, legen Sie die Reihenfolge fest und laden Sie ein Bild herunter.

Ist ein zusammengefügtes Bild von geringerer Qualität?

Nein. Die Pixel stammen aus den Originalaufnahmen. Die Qualität sinkt nur, wenn das Ergebnis skaliert oder als JPEG mit niedriger Qualität gespeichert wird.

Quellen

• Bildzusammensetzung auf Wikipedia

Weiterführende Ressourcen

• Screenshots zusammenfügen: Bilder im Browser verbinden.
• Bild teilen: ein hohes Bild in Seiten zerschneiden.
• Optionen für Website Capture: die Bereiche Viewport und Full page.