Hur lång ska en videoslinga vara för inlägg och skärmar?

Hur lång ska en videoslinga vara? För de flesta inlägg och stories i sociala medier 5 till 15 sekunder. För en webbplatsbakgrund 10 till 30 sekunder. För en skärm i en butik eller lokal som folk passerar varje dag 20 till 30 sekunder, och för en GIF i ett e-postmeddelande bara 2 till 5 sekunder. Rätt längd är en balans mellan tre saker: tiden det tar att läsa eventuell text, hur ofta folk ser omstarten och filstorlek. En sömlös slinga med långsam rörelse kan vara kortare än du tror.

Slinglängd efter placering

Tre saker som avgör längden

Tid att läsa orden

Om slingan bär ett budskap måste det stå kvar tillräckligt länge för att någon ska hinna läsa det i lugn och ro, helst två gånger. En rubrik på tre ord behöver bara några sekunder; en rubrik, ett datum och en plats behöver mer. Om orden animeras in räknar du från det de har lagt sig, inte från start.

Hur ofta omstarten syns

Varje slinga har en skarv, stunden då sista bildrutan möter den första. Även en perfekt sömlös slinga upprepar sitt mönster, och ju fler gånger någon tittar, desto mer märker hen det. Därför förtjänar slingor som ses länge, som skärmar i ett kafé eller en hjälte på en webbplats, fler sekunder än ett inlägg som scrollas förbi på två.

Filstorlek

Längden är den största faktorn för filstorleken. Dubbla sekunder ger i stort sett dubbel fil vid samma kvalitet. På en webbplats gör det sidan långsammare; i e-post kan det skjuta en GIF över vad inkorgar gärna laddar. Korta slingor med långsam rörelse ger bäst förhållande mellan känsla och kilobyte.

Anpassa rörelsens tempo till slingan

Längd och tempo hänger ihop. Ett långsamt svävande över 10 sekunder känns lugnt och dyrt; samma svävande hoptryckt till 3 sekunder blir ett vickande. Som tumregel väljer du tempot först och därefter den kortaste längd där en hel period av rörelsen ser oskyndad ut. Mjuka rörelser, som färg som långsamt andas eller ljus som glider över en gradient, kan loopa i vilken längd som helst eftersom de aldrig drar uppmärksamhet till var de börjar.

Längd på bakgrundsvideo för webbplats

En bakgrundsvideo på en webbplats bör vara 10 till 30 sekunder, ljudlös och så liten du kan få den utan att den slutar se ren ut: sikta på några megabyte, inte tiotals. Ge den en affischbild så att något syns medan den laddas, och stoppa den för besökare som har bett sin enhet om minskad rörelse. Videobakgrund för webbplats går igenom komprimering och format i detalj.

<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>

Välj slinglängd, steg för steg

1. 1

   Utgå från placeringen

   Ta startintervallet ur tabellen ovan för den plats där slingan ska spelas.

2. 2

   Tajma orden

   Läs texten högt två gånger i lugn takt. Slingan ska vara minst så lång efter att orden har lagt sig.

3. 3

   Bestäm tempot

   Välj långsam rörelse för varumärkesslingor och skärmar; spara snabb rörelse till korta, energiska inlägg.

4. 4

   Titta fem gånger

   Spela slingan på repeat. Om omstarten börjar störa dig vid femte varvet, lägg till sekunder eller sakta ner rörelsen.

5. 5

   Kontrollera filen

   Om den är för tung för sidan eller e-postmeddelandet, korta den innan du sänker kvaliteten.

För specifika format, se storlek på Spotify Canvas, animerade e-posthuvuden och stämningsvideo för skärmar som spelar hela dagen.

Slinglängder i Gradiently

Med Pro exporterar Gradiently valfri design som en sömlös slinga på 5 till 30 sekunder, som MP4 eller WebM upp till 1080p eller som GIF. Du väljer sekunderna och ett långsamt, jämnt eller snabbt tempo, och Markens rörelse är byggd för att fogas ihop utan synlig skarv oavsett vilken längd du väljer. Inspelningen sker i realtid, så en slinga på 30 sekunder tar 30 sekunder att göra; håll fliken öppen tills den är klar.