Wie lang sollte ein Video-Loop für Posts und Bildschirme sein?

Wie lang sollte ein Video-Loop sein? Für die meisten Social Posts und Stories 5 bis 15 Sekunden. Für einen Website-Hintergrund 10 bis 30 Sekunden. Für einen Bildschirm in einem Laden oder einer Location, an dem Leute jeden Tag vorbeigehen, 20 bis 30 Sekunden, und für ein GIF in einer E-Mail nur 2 bis 5 Sekunden. Die richtige Länge ist eine Balance aus drei Dingen: Zeit zum Lesen der Wörter, wie oft Leute den Neustart sehen, und Dateigröße. Ein nahtloser Loop mit langsamer Bewegung kann kürzer sein, als du denkst.

Loop-Länge nach Einsatzort

Drei Dinge, die die Länge bestimmen

Zeit zum Lesen der Wörter

Trägt der Loop eine Botschaft, muss sie lange genug auf dem Bildschirm bleiben, damit man sie bequem lesen kann, am besten zweimal. Eine Überschrift aus drei Wörtern braucht nur ein paar Sekunden; Überschrift, Datum und Ort brauchen mehr. Werden Wörter animiert eingeblendet, zähl ab dem Moment, in dem sie stillstehen, nicht ab dem Start.

Wie oft der Neustart gesehen wird

Jeder Loop hat eine Naht, den Moment, in dem das letzte Bild auf das erste trifft. Selbst ein perfekter nahtloser Loop wiederholt sein Muster, und je öfter jemand zuschaut, desto mehr fällt es auf. Deshalb verdienen Loops, die lange angeschaut werden, etwa Bildschirme im Café oder ein Website-Hero, mehr Sekunden als ein Post, an dem man in zwei Sekunden vorbeiscrollt.

Dateigröße

Die Länge treibt die Dateigröße am stärksten. Verdoppelst du die Sekunden, verdoppelst du bei gleicher Qualität ungefähr die Datei. Auf einer Website verlangsamt das die Seite; in einer E-Mail kann es ein GIF über das hinausschieben, was Postfächer gern laden. Kurze Loops mit langsamer Bewegung geben das beste Verhältnis von Wirkung zu Kilobytes.

Das Bewegungstempo an den Loop anpassen

Länge und Tempo wirken zusammen. Ein langsames Driften über 10 Sekunden wirkt ruhig und hochwertig; dasselbe Driften in 3 Sekunden gequetscht wird zum Wackeln. Als Regel: Wähle zuerst das Tempo, dann die kürzeste Länge, in der ein voller Zyklus dieser Bewegung ungehetzt wirkt. Sanfte Bewegungen, etwa langsam atmende Farbe oder Licht, das über einen Verlauf wandert, können in jeder Länge loopen, weil sie nie zeigen, wo sie beginnen.

Länge von Hintergrundvideos auf Websites

Ein Hintergrundvideo auf einer Website sollte 10 bis 30 Sekunden lang sein, stumm und so klein, wie es geht, ohne unsauber auszusehen: Ziel sind ein paar Megabyte, nicht Dutzende. Gib ihm ein Posterbild, damit beim Laden etwas zu sehen ist, und stoppe es für Besucher, die ihr Gerät auf reduzierte Bewegung gestellt haben. Website mit Videohintergrund erklärt Kompression und Formate ausführlich.

<video class="hero-loop" autoplay muted loop playsinline
       poster="/hero-poster.jpg" preload="metadata">
  <source src="/hero-loop.webm" type="video/webm">
  <source src="/hero-loop.mp4" type="video/mp4">
</video>

<script>
  // Pause the loop for visitors who prefer less motion
  if (matchMedia('(prefers-reduced-motion: reduce)').matches) {
    document.querySelector('.hero-loop').pause();
  }
</script>

Eine Loop-Länge wählen, Schritt für Schritt

1. 1

   Geh vom Einsatzort aus

   Nimm den Startbereich aus der Tabelle oben für den Ort, an dem der Loop läuft.

2. 2

   Miss die Zeit für die Wörter

   Lies den Text zweimal in entspanntem Tempo laut vor. Der Loop sollte mindestens so lang sein, nachdem die Wörter stillstehen.

3. 3

   Leg das Tempo fest

   Wähle langsame Bewegung für Marken-Loops und Bildschirme; heb flotte Bewegung für kurze, energiegeladene Posts auf.

4. 4

   Schau ihn fünfmal

   Spiel den Loop in Wiederholung ab. Stört dich der Neustart beim fünften Durchlauf, füge Sekunden hinzu oder verlangsame die Bewegung.

5. 5

   Prüfe die Datei

   Ist sie zu schwer für die Seite oder die E-Mail, kürze sie, bevor du die Qualität senkst.

Für bestimmte Formate siehe Spotify Canvas Größe, animierte E-Mail-Header und Ambient Video für Bildschirme, die den ganzen Tag laufen.

Loop-Längen in Gradiently

Mit Pro exportiert Gradiently jedes Design als nahtlosen Loop von 5 bis 30 Sekunden, als MP4 oder WebM bis 1080p oder als GIF. Du wählst die Sekunden und ein langsames, gleichmäßiges oder flottes Tempo, und die Bewegung des Marks ist so gebaut, dass sie bei jeder gewählten Länge ohne sichtbare Naht anschließt. Die Aufnahme läuft in Echtzeit, ein 30 Sekunden Loop braucht also 30 Sekunden; lass den Tab offen, bis er fertig ist.