So vermeidest du ruckelnde Mausräder und ungleichmäßige Bildraten in Scroll-Aufnahmen

Warum Bildschirmaufnahmen einer scrollenden Website stocken, zittern oder Bilder verlieren, und die Lösung für jede Ursache: das Mausrad, der Rekorder, das Display und die Seite selbst.

Aviral LakhanpaulAktualisiert am 30. Oktober 20264 Min. Lesezeit

Die kurze Antwort

Ruckelnde Scroll-Aufnahmen haben fünf übliche Ursachen: ein gerastertes Mausrad, das die Seite in Stufen bewegt, ein Rekorder mit variabler Bildrate, eine Bildrate, die für ständige Bewegung zu niedrig ist, ein Display, das mit einer anderen Rate aktualisiert als die Aufnahme, und eine schwere Seite, die nicht hinterherkommt. Scroll per Skript statt mit dem Rad, nimm mit konstanten 60 fps auf und lade die Seite vorher vollständig. Oder erzeuge das Video aus der URL, wo jedes Bild berechnet wird und keins verloren gehen kann.

Finde zuerst deine Ursache

Symptome einer ruckelnden Scroll-Aufnahme und ihre Ursachen
Was du siehst	Wahrscheinliche Ursache
Die Seite bewegt sich in Schüben mit winzigen Pausen dazwischen	Ein gerastertes Mausrad, das der Browser Stufe für Stufe glättet
Das Tempo schwillt an und ab, nie gleichmäßig	Ein Wischen auf dem Trackpad und sein Nachlauf
Flüssig auf dem Bildschirm, stockend in der Datei oder im Schnittprogramm	Aufnahme mit variabler Bildrate
Ein regelmäßiges, rhythmisches Zittern bei schnellem Scrollen	Zu wenige Bilder pro Sekunde oder ein Unterschied zur Bildwiederholrate des Displays
Friert kurz ein und springt dann vor	Seite oder Rechner verlieren Bilder: nachgeladene Bilder, schwere Skripte, ein überlasteter Encoder

1. Das Mausrad bewegt sich in Stufen

Ein normales Mausrad klickt sich durch Rasterstufen, und jede Stufe verlangt von der Seite eine feste Strecke. Browser glätten jede Stufe mit einer kurzen Animation, also wird ein durchgehendes Drehen am Rad zu einer Kette kleiner Beschleunigen-und-Bremsen-Bewegungen. Auf dem Bildschirm verzeiht das Auge das. In einem Video, auf einem großen Display abgespielt, wirkt es wie Stocken.

Beste Lösung: Nimm nicht das Rad. Lass ein Skript die Seite in einem festen Tempo scrollen; die Anleitung zum automatischen Scrollen hat eins zum Kopieren.
Wenn es von Hand sein muss: Ein frei drehendes Rad oder ein Trackpad, langsam und gleichmäßig gezogen, ist besser als ein gerastertes Rad, aber keine Hand hält zwanzig Sekunden lang ein Tempo.

2. Der Rekorder schreibt eine variable Bildrate

Viele eingebaute Rekorder, darunter die Bildschirmfoto-Leiste von macOS und QuickTime, schreiben nur dann ein Bild, wenn sich auf dem Bildschirm etwas ändert. Das spart Platz, aber die Abstände zwischen den Bildern schwanken, und Schnittprogramme und manche Player kommen damit schlecht zurecht: Bilder werden verdoppelt oder fallen weg, damit sie auf eine feste Zeitleiste passen, und das Scrollen zittert.

Nimm mit einem Tool auf, das eine konstante Bildrate schreibt, etwa OBS Studio, eingestellt auf 60 fps.
Wenn du schon eine Datei mit variabler Bildrate hast, wandle sie vor dem Schnitt in eine konstante um. Die Option „Constant Framerate“ in HandBrake erledigt das.

3. Zu wenige Bilder für ständige Bewegung

Beim Scrollen bewegt sich jedes Pixel in jedem Bild. Bei 30 fps springt jedes Bild doppelt so weit wie bei 60, und auf textlastigen Seiten sieht das Auge die Sprünge. 24 fps ist die Bildrate des Kinos und passt zum Film; bei einer scrollenden Seite wirkt sie in jedem Tempo am wenigsten flüssig.

Nimm auf und exportiere mit 60 fps, wenn es um die Bewegung geht. Geh nur für kleinere Dateien auf 30 runter und scroll dann langsamer. GIFs sind bei den meisten Tools niedrig begrenzt, also halte GIF-Scrolls kurz und sanft.

4. Display und Aufnahme sind sich nicht einig

Wenn dein Display mit 120 oder 144 Hz läuft und du mit 60 fps aufnimmst, behält der Rekorder ungefähr jedes zweite Bild, und bei einem Display mit variabler Bildwiederholrate nicht einmal gleichmäßig. Stell das Display für die Aufnahme auf 60 Hz, dann passt es für den Rekorder eins zu eins. Auf einem Mac mit ProMotion findest du die Einstellung unter Displays, Bildwiederholrate.

5. Die Seite kommt nicht hinterher

Nachgeladene Bilder werden in dem Moment dekodiert, in dem sie ins Bild scrollen, und diese Arbeit kostet Bilder. Scroll vor der Aufnahme nach unten und zurück, damit alles geladen ist.
Seiten mit schweren scrollgekoppelten Skripten, Videohintergründen oder WebGL-Effekten fordern den Rechner stark. Schließ andere Apps und Browser-Tabs.
Gleichzeitig aufnehmen und kodieren konkurriert mit der Seite um die CPU. Nutze den Hardware-Encoder des Rekorders, falls er einen hat.

Die Lösung, die alle fünf beseitigt

Jede Ursache oben kommt daher, dass Bewegung in Echtzeit auf einem echten Bildschirm erfasst wird. Ein Renderer tut beides nicht. Website Scroll Video liest die Seite einmal ein, wartet auf Bilder und Schriften, berechnet dann, wo die Seite in jedem Bild stehen muss, und zeichnet sie. Es gibt kein Rad, das in Stufen springt, keine Bildwiederholrate, die passen muss, und keine Frist, die ein Bild verpassen kann. Die Ausgabe hält also feste 24, 30 oder 60 fps, egal wie lang oder schwer die Seite ist.

Probier es mit deiner eigenen Website

Link einfügen und die Vorschau kostenlos ansehen. 51 Gratis-Credits bei der Anmeldung, ohne Kreditkarte, und kein Wasserzeichen auf deinen Exporten.

Fragen
und Antworten

Kurz beantwortet, was als Nächstes gefragt wird.

Kontakt

Warum sieht meine Bildschirmaufnahme beim Scrollen abgehackt aus?

Meist, weil ein Mausrad die Seite in Rasterstufen bewegt oder der Rekorder eine variable Bildrate schreibt. Scroll per Skript und nimm mit konstanten 60 fps auf, oder erzeuge das Video aus der URL, statt es aufzunehmen.

Reichen 30 fps für ein Website-Scroll-Video?

Für langsames Scrollen und kleine Dateien schon. Bei allem, was schneller ist, sind 60 fps deutlich flüssiger, weil jedes Bild die Seite nur halb so weit bewegt.

Wie repariere ich eine Aufnahme mit variabler Bildrate?

Kodiere sie vor dem Schnitt mit konstanter Bildrate neu, etwa mit der Einstellung Constant Framerate in HandBrake, oder nimm neu mit einem Tool wie OBS auf, das eine konstante Rate schreibt.

Weniger Zeit aufnehmen. Mehr Zeit bauen.

Automatisiere Website-Aufnahmen mit anpassbarer Bewegung, cleveren Reglern und Exportoptionen für moderne Creator.

Jetzt ausprobieren