Die besten Wege, eine Website aufzunehmen und zu präsentieren

Du fügst eine Adresse ein, und das Tool öffnet die Seite in seinem eigenen Browser, scrollt sie entlang einer Kurve und kodiert das Ergebnis. Nichts hängt von deinem Bildschirm, deiner Maus oder deinem Rechner ab, deshalb ist die Bewegung gleichmäßig und die Ausgabe kann jede Größe haben. Website Scroll Video ist so ein Tool: Es entfernt zuerst Cookie-Banner und Chat-Widgets, liest die Seite in Desktop-, Tablet- oder Handy-Breite und exportiert MP4, WebM oder GIF bis 4K mit 60 fps, mit Pausen, Hovern und Hintergründen obendrauf.

Die Grenze ist die Reichweite. Der Renderer kann nur öffnen, was ein anonymer Besucher öffnen kann, also fallen Dashboards, passwortgeschützte Staging-Seiten und localhost weg. Die Seite mit den Alternativen vergleicht die Renderer, die es gibt.

Tools wie Screen Studio nehmen deinen Bildschirm auf und übernehmen danach die Nachbearbeitung, die sonst ein Mensch machen würde: Sie glätten den Weg des Mauszeigers, zoomen auf Klicks und legen einen Hintergrund dahinter. Sie sind die beste Wahl, um ein Produkt in Benutzung zu zeigen. Das Scrollen machst aber weiterhin du, also hat eine lange, von Hand gescrollte Seite immer noch den Rhythmus des Mausrads.

OBS Studio, QuickTime, die Bildschirmfoto-Leiste von macOS und das Snipping Tool von Windows sind kostenlos und nehmen alles auf, was du öffnen kannst. Darüber hinaus nehmen sie dir nichts ab: Cookie-Banner, Benachrichtigungen und ein ungleichmäßiges Mausrad landen alle in der Datei. Mit etwas Vorbereitung gelingen trotzdem gute Ergebnisse; So nimmst du ein Website-Scroll-Video auf zeigt, wie.

Eine Erweiterung zum Aufnehmen beim Scrollen läuft in deinem eigenen Browser, kann also Seiten erfassen, bei denen du angemeldet bist, und die meisten automatisieren das Scrollen. Die Qualität hängt von deinem Rechner ab, weil dort aufgenommen wird, und von der Erweiterung: Manche sind kostenlos mit Einschränkungen, manche kostenpflichtig. Erweiterungen im Vergleich mit einem Renderer zeigt, wann was sinnvoll ist.

Mockup-Tools wie Rotato legen einen Screenshot oder ein Video auf einen 3D-Laptop oder ein 3D-Handy und animieren das Gerät. Sie sind für das Hero-Bild gedacht, nicht für die Tour, und sie brauchen Material als Ausgangspunkt. Eine verbreitete Kombination: ein Scroll-Video aus einer der Methoden oben, in einer Mockup-App auf ein Gerät gelegt.

Tools wie HowdyGo erfassen einen Produktablauf als klickbare Schritte, durch die sich der Betrachter selbst bewegt. Sie sind für Vertriebs- und Onboarding-Teams gebaut und entsprechend bepreist. Manche können ein Video oder GIF einer Demo exportieren, aber eine Tour zum Durchklicken ist etwas anderes als ein Scrollen zum Zuschauen.

• Portfolio, Launch-Post, Template-Eintrag: ein Renderer. Siehe Websites fürs Portfolio aufnehmen.
• Produkttour mit Erzählstimme: ein ausgefeilter Bildschirmrekorder.
• Eine Seite, die nur du öffnen kannst: ein einfacher Rekorder oder eine Erweiterung.
• Ein Hero-Bild der Website auf einem Gerät: eine Mockup-App, gefüttert mit einem Scroll-Video.
• Unsicher: Probier zuerst den Renderer. Die Vorschau kostet nichts, und die 51 Gratis-Credits zur Anmeldung reichen für ein paar Exporte.