Zum Inhalt springen

So erstellst du ein Website-Scroll-Video

Verwandle jede Website in ein flüssiges Scroll-Video: Link einfügen, Länge, Format und Bewegung festlegen, dann MP4, WebM oder GIF ohne Wasserzeichen exportieren.

Aviral LakhanpaulAktualisiert am 4 Min. Lesezeit

Die kurze Antwort

Füge die Adresse der Seite in ein URL-zu-Video-Tool wie Website Scroll Video ein, wähle, wie lange das Scrollen dauert und welches Seitenverhältnis du brauchst, sieh dir die Vorschau an und exportiere. Die Seite öffnet sich in einem echten Browser auf einem Server, Cookie-Banner werden entfernt und jedes Bild des Scrollens wird berechnet. So bekommst du ein gleichmäßiges MP4, WebM oder GIF, ohne deinen Bildschirm aufzunehmen.

Bevor du anfängst

Du brauchst drei Dinge: eine öffentliche Adresse, ein Konto zum Exportieren und etwa fünf Minuten.

  • Eine öffentliche URL. Alles, was sich in einem privaten Browserfenster ohne Passwort öffnen lässt. Ein Staging-Link funktioniert, wenn er öffentlich ist, etwa eine Framer-Adresse auf .framer.website oder eine Webflow-Adresse auf .webflow.io. localhost und Seiten hinter einem Login funktionieren nicht.
  • Ein Konto. Die Seite einlesen und die Vorschau ansehen ist kostenlos. Exportieren kostet Credits, und jedes neue Konto bekommt einmalig 51 davon, ohne Kreditkarte.
  • Eine grobe Vorstellung, wohin das Video soll. Ein Reel, ein Portfolio, eine E-Mail an einen Kunden. Das entscheidet über Format und Länge, die beiden einzigen Einstellungen, die du hinterher nicht ändern kannst, ohne neu zu exportieren.

Das Video in sechs Schritten

  1. Link einfügen

    Füge die Adresse in das Feld auf der Startseite ein und drücke Enter. Wir öffnen die Seite in einem echten Browser, warten auf Schriften und nachgeladene Bilder und lesen sie von oben bis unten ein. Nichts wird von deinem Bildschirm aufgenommen.

  2. Gerät und Format wählen

    Desktop liest die Seite in Desktop-Breite und bietet dir 16:9, 4:3 oder 1:1. Tablet und Mobil lesen sie in diesen Breiten, sodass die Website ihr echtes responsives Layout ausliefert, und bieten 9:16, 4:5 oder 1:1. Du arbeitest nach Vorgabe? Dann gib stattdessen eine exakte Größe ein.

  3. Länge festlegen

    Die Länge reicht von 2 bis 90 Sekunden und bestimmt zugleich das Scrolltempo: Dieselbe Seite ist in sechs Sekunden ein Teaser, in dreißig eine Führung.

  4. Bewegung wählen

    Weich beschleunigt und bremst sanft, Gleiten startet zügig und läuft aus, Linear hält ein Tempo, und Puls bewegt sich Abschnitt für Abschnitt die Seite hinunter. Stell die Wiedergabe auf Runter und zurück, wenn das Video ohne sichtbaren Schnitt in Schleife laufen soll.

  5. Halte, Pausen und Hover hinzufügen

    Optional, und hier steckt der meiste Feinschliff. Halte am Anfang oder Ende bis zu 10 Sekunden still, stoppe auf bis zu 6 Abschnitten und lass einen Mauszeiger auf Buttons und Karten zeigen, damit ihre Hover-Effekte abspielen.

  6. Vorschau ansehen, dann exportieren

    Die Vorschau läuft in deinem Browser und kostet nichts, egal wie oft du sie abspielst. Wenn alles stimmt, exportierst du ein MP4, WebM oder GIF. Die genauen Credit-Kosten stehen auf dem Export-Button, bevor du ihn drückst.

Die Einstellungen, auf die es ankommt

Für das meiste im Editor gibt es eine sinnvolle Voreinstellung. Diese hier lohnen einen zweiten Blick.

Empfohlene Einstellungen für ein Website-Scroll-Video
EinstellungStarte mitÄndere sie, wenn
LängeEtwa zwei Sekunden pro Bildschirmhöhe der SeiteEs ein Teaser ist (kürzer) oder man den Text lesen soll (länger, oder Pausen einfügen)
Bildrate60 fpsDie Dateigröße wichtiger ist als die Flüssigkeit. 30 fps halbiert die Bilder. GIF ist auf 24 begrenzt
Auflösung1080pEs auf einem großen Display läuft oder später beschnitten wird (1440p oder 4K), oder es ein schneller Entwurf ist (720p)
BewegungWeichEs eine Hintergrundschleife ist (Linear) oder eine Produkttour, die auf jedem Abschnitt landen soll (Puls)
FormatMP4Du Transparenz oder kleinere Dateien brauchst (WebM) oder es direkt in einer E-Mail abspielen muss (GIF)
EngineStatischer SchwenkDie Seite Einblendungen beim Scrollen oder Parallax hat, die erhalten bleiben sollen (Live-Aufnahme)

Wenn die Seite lang ist und nur die obere Hälfte verkauft, zieh die Trim-Griffe unter der Vorschau, um festzulegen, wo das Scrollen beginnt und endet. Eine kürzere Strecke bei gleicher Länge ist ein langsameres, besser lesbares Scrollen.

Was es kostet

Die Länge kostet einen Credit pro 2 Sekunden fertigem Video, und einige Einstellungen kommen mit einem festen Aufschlag dazu: höhere Auflösungen, höhere Bildraten, Live-Aufnahme, Tablet- oder Handy-Breite, Pausen und Hover. Ein Export mit 10 Sekunden in 1080p und 60 fps, in Desktop-Breite gelesen, kostet 21 Credits. Die 51 Credits zur Anmeldung reichen also zweimal dafür.

Danach gibt es Credits in Paketen (5 $ für 100, 12 $ für 400 und 19 $ für 900), und sie verfallen nie. Es gibt kein Abo und auf keinem Export ein Wasserzeichen. So funktionieren Credits hat die vollständige Tabelle.

Wenn etwas nicht stimmt

  • Eine Einblendung fehlt oder ein Abschnitt ist leer. Die schnelle Engine schwenkt über ein Standbild der Seite, also spielen Effekte, die beim Scrollen auslösen, nicht ab. Stell die Engine auf Live-Aufnahme oder schalte Animationen ausspielen ein, damit sie bis zu ihrem Endzustand laufen. Siehe Scroll-Animationen aufnehmen.
  • Ein Cookie-Banner oder eine Chat-Blase ist durchgerutscht. Lass Cookie-Banner und Pop-ups entfernen eingeschaltet und trag alles, was übersehen wurde, unter Elemente ausblenden als CSS-Selektor ein. Mehr dazu unter Pop-ups aus einer Aufnahme entfernen.
  • Die Seite zeigt einen Login oder einen Fehler. Sie muss öffentlich sein. Wir können uns nicht für dich anmelden, und manche Websites weisen automatisierte Browser grundsätzlich ab.
  • Das Mobil-Video sieht aus wie eine gestauchte Desktop-Seite. Wähle Mobil als Gerät statt eines hohen Seitenverhältnisses auf Desktop, damit die Website ihr Handy-Layout ausliefert. Siehe die mobile Version aufnehmen.

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.

Zuletzt gesucht

    Fragen und Antworten

    Kurz beantwortet, was als Nächstes gefragt wird.

    Kontakt
    Kann ich ein Website-Scroll-Video kostenlos erstellen?

    Ja. Jedes neue Konto bekommt einmalig 51 Gratis-Credits, ohne Kreditkarte. Das reicht für ein paar kurze Exporte in 1080p. Vorschauen kosten nie etwas, und kein Video bekommt ein Wasserzeichen, egal mit welchen Credits es bezahlt wurde.

    Muss ich etwas installieren?

    Nein. Es gibt keine App und keine Browser-Erweiterung. Die Seite wird auf unseren Servern geöffnet und aufgenommen, deshalb funktioniert es vom Laptop, Tablet oder Handy aus gleich.

    Kann ich ein Scroll-Video von einer Website machen, die noch nicht online ist?

    Nur wenn sie eine öffentliche Adresse hat. Veröffentliche sie auf einer Vorschau- oder Staging-URL, die sich ohne Passwort öffnen lässt, und füge diese ein. Lokale Adressen und private Netzwerke sind nicht erreichbar.

    Wie lang sollte ein Website-Scroll-Video sein?

    Möglich sind 2 bis 90 Sekunden. Für die meisten Landingpages funktionieren acht bis fünfzehn Sekunden gut, Social-Media-Teaser sechs bis zehn, und eine vollständige Portfolio-Tour kann mit ein paar Pausen bis zu dreißig dauern.

    Logo von Website Scroll Video, ein Play-Button über einer Webseite in einem Browserfenster.

    Weniger Zeit aufnehmen. Mehr Zeit bauen.

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