Zum Inhalt springen

So wird aus einer Website ein scrollendes GIF

Ein animiertes GIF einer scrollenden Webseite aus einer URL erstellen und die Datei klein genug für E-Mails, Dokumentationen und READMEs halten. Wann ein GIF passt, und wann ein MP4 die bessere Wahl ist.

Aviral LakhanpaulAktualisiert am 2 Min. Lesezeit

Die kurze Antwort

Füge die URL der Seite in ein Tool ein, das GIF exportiert, etwa Website Scroll Video, halte das Scrollen unter 20 Sekunden in 720p oder 1080p mit höchstens 24 fps und exportiere. GIFs sind richtig, wo kein Video abspielt, etwa in E-Mails und manchen Dokumentationen; überall sonst ist ein MP4 oder WebM desselben Scrollens schärfer und um ein Vielfaches kleiner.

Wann ein GIF das richtige Format ist

GIF ist ein altes Format mit einer Palette von 256 Farben pro Bild und einer Kompression, die nie für bewegte Fotos gedacht war. Das Scrollen durch eine moderne Website mit ihren Verläufen und Bildern ist dafür fast der schlimmste Fall. Es hält sich, weil es fast überall abspielt, ohne Player, ohne Klick und ohne Autoplay-Regeln.

  • Nimm ein GIF in einer E-Mail an einen Kunden oder in einem Newsletter, in einer GitHub-README oder einem Issue, in Dokumentationen und Wikis, die kein Video einbetten, und in Chat-Apps, die GIFs direkt in der Vorschau zeigen.
  • Nimm ein MP4 oder WebM auf deiner eigenen Website, in Social-Media-Posts, in Portfolios und überall, wo ein <video>-Tag funktioniert. Dieselbe Bewegung, bessere Farben, ein Bruchteil der Größe.

Das GIF erstellen

  1. URL einfügen

    Füge auf der Startseite die Adresse ein und lass die Seite laden. Cookie-Banner und Chat-Widgets werden entfernt, bevor irgendetwas erfasst wird.

  2. GIF als Format wählen

    Was ein GIF nicht tragen kann, wird für dich begrenzt: höchstens 24 fps, höchstens 1080p und höchstens 20 Sekunden.

  3. Kurz und sanft halten

    Beschneide das Scrollen auf den Teil der Seite, auf den es ankommt, und halte die Bewegung langsam. Bei 24 fps verschmiert schnelles Scrollen Text, und in einem GIF fällt das mehr auf als in einem Video.

  4. Vorschau ansehen, dann exportieren

    Die Vorschau ist kostenlos. Exportiere, wenn alles stimmt, und das GIF lädt herunter wie jede andere Datei.

Die Datei klein halten

Ein GIF wächst mit jedem Pixel, jedem Bild und jeder Farbe, die sich ändert. Ungefähr nach Wirkung sortiert:

Was ein scrollendes GIF größer macht
EinstellungKleinere DateiWarum
Auflösung720p statt 1080pWeniger als halb so viele Pixel pro Bild
Länge6 bis 10 SekundenJede Sekunde sind 24 weitere volle Bilder
Bildrate24 fps oder wenigerGIF hat praktisch keine Bewegungskompression
HintergrundEine flache Farbe, ohne KörnungFilmkörnung und Fotos ändern jedes Pixel in jedem Bild
Die SeiteKürzerer ScrollbereichWeniger Bewegung pro Bild, weniger neue Pixel

Andere Wege zu einem Website-GIF

  • Den Bildschirm aufnehmen und die Aufnahme mit einem Konverter oder einem Tool wie ffmpeg in ein GIF umwandeln. Funktioniert für private Seiten; das Scrollen ist nur so gleichmäßig wie deine Hand.
  • Skriptgesteuerte Aufnahme mit Puppeteer oder Playwright, die beim Scrollen Screenshots macht und zusammensetzt. Volle Kontrolle, und Code, den du pflegen musst.
  • Kostenlose Online-Tools für URL zu GIF. Davon gibt es einige, mit weniger Einstellungen; die Seite mit den Alternativen vergleicht die, die auch Video können.

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
    Wie mache ich ein GIF von einer scrollenden Website?

    Füge die URL in ein URL-zu-Video-Tool ein, das GIF exportiert, halte das Scrollen kurz und exportiere. Oder nimm deinen Bildschirm auf, während ein Skript die Seite scrollt, und wandle die Aufnahme in ein GIF um.

    Warum ist mein Website-GIF so groß?

    GIF speichert fast jedes Bild vollständig, also multiplizieren sich Auflösung, Länge und Bildrate. Geh auf 720p, bleib unter zehn Sekunden und vermeide fotografische oder körnige Hintergründe.

    Spielt ein GIF in einer E-Mail ab?

    In den meisten Mail-Apps ja, und das ist der Hauptgrund, es zu wählen. Manche Desktop-Programme zeigen nur das erste Bild, also sorg dafür, dass das erste Bild für sich allein funktioniert.

    Weiterlesen

    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.

    Jetzt ausprobieren

    Hilf mit, dein nächstes Video besser zu machen

    Analyse-Cookies zeigen uns, welche Seiten helfen und wo Leute hängen bleiben, damit wir wissen, was wir als Nächstes verbessern und bauen. Was wir erfassen

    Die Seiten, die du aufnimmst, und deine Videos sind nie Teil davon, und nichts davon wird für Werbung genutzt.