# Kuinka pitkä videolooppi sopii julkaisuihin ja näytöille?

[Canonical HTML page](https://gradiently.design/fi/guide/video-loop-length)

Liian lyhyt looppi paljastaa saumansa muutaman sekunnin välein. Liian pitkästä tulee raskas tiedosto, jota kukaan ei katso loppuun. Näin valitset sopivan pituuden eri käyttökohteisiin.

## The short version

- Somejulkaisuihin ja tarinoihin 5-15 sekunnin videolooppi antaa yleensä tarpeeksi lukuaikaa ja ehtii toistua uudelleen.
- Verkkosivun taustalooppi toimii hyvin 10-30 sekunnin mittaisena, kun tiedosto pidetään riittävän pienenä nopeaan lataukseen.
- Kauppojen, tapahtumatilojen ja vastaanottojen näytöille sopivat pidemmät, 20-30 sekunnin loopit, sillä ne nähdään monta kertaa.
- Sähköpostien animoidut GIFit kannattaa pitää noin 2-5 sekunnissa, sillä GIF-tiedosto kasvaa nopeasti pituuden mukana.
- Hidas liike rauhoittaa kaikenpituisia looppeja ja peittää uudelleenalkamisen hetken.

Mikä on sopiva videoloopin pituus? Useimpiin somejulkaisuihin ja tarinoihin **5-15 sekuntia**. Verkkosivun taustaan **10-30 sekuntia**. Kaupan tai tapahtumatilan näyttöön, jonka ohi kuljetaan päivittäin, **20-30 sekuntia**, ja sähköpostin GIFiin vain **2-5 sekuntia**. Sopiva pituus tasapainottaa kolme asiaa: tekstin lukemiseen tarvittavan ajan, uudelleenalkamisen näkyvyyden ja tiedostokoon. Hitaasti liikkuva saumaton looppi voi olla yllättävän lyhyt.

## Videoloopin pituus käyttökohteen mukaan

| Toistopaikka | Loopin pituus | Perustelu |
| --- | --- | --- |
| Syötejulkaisu (Instagram, LinkedIn, Facebook) | 5-10 sekuntia | Näkyy hetken selatessa; lyhyt looppi ehtii toistua ennen siirtymistä eteenpäin |
| Tarinan tai Reelin tausta | 5-15 sekuntia | Tarpeeksi aikaa tekstin lukemiseen, mutta tiedosto pysyy kevyenä |
| Spotify Canvas | 3-8 sekuntia | Spotifyn määrittämä pituus Canvas-loopeille |
| Verkkosivun hero-tausta | 10-30 sekuntia | Vierailija viipyy; pidempi looppi peittää uudelleenalkamisen |
| Tapahtumatilojen ja kauppojen näytöt | 20-30 sekuntia | Henkilökunta ja vakioasiakkaat näkevät sen koko päivän, joten toiston on oltava lempeää |
| GIF sähköpostissa | 2-5 sekuntia | GIF-tiedosto kasvaa nopeasti; jotkin sähköpostisovellukset näyttävät vain ensimmäisen ruudun |

Lähtöpituudet eri käyttökohteisiin. Sovita kesto suunnitelman tekstimäärään.

## Kolme pituuteen vaikuttavaa asiaa

### Tekstin lukuaika

Jos looppi välittää viestin, sen täytyy näkyä riittävän kauan vaivattomaan lukemiseen, mieluiten kahdesti. Kolmen sanan otsikko tarvitsee vain muutaman sekunnin; otsikko, päivämäärä ja paikka tarvitsevat enemmän. Jos sanat tulevat kuvaan animaatiolla, laske aika niiden asettumisesta, älä videon alusta.

### Kuinka usein uudelleenalkaminen nähdään

Jokaisessa loopissa on sauma, jossa viimeinen ruutu kohtaa ensimmäisen. Täydellinenkin [saumaton looppi](https://gradiently.design/fi/guide/seamless-loop-video) toistaa kuviotaan. Mitä useammin sitä katsoo, sitä selvemmin toiston huomaa. Siksi pitkään katsottava looppi, kuten kahvilan näyttö tai verkkosivun hero-tausta, ansaitsee enemmän sekunteja kuin kahdessa sekunnissa ohitettava julkaisu.

### Tiedostokoko

Pituus vaikuttaa tiedostokokoon eniten. Kun sekuntimäärä kaksinkertaistuu, tiedostokin noin kaksinkertaistuu samalla laadulla. Verkkosivulla se hidastaa latausta, ja sähköpostissa GIF saattaa kasvaa liian suureksi sujuvaan avaamiseen. Lyhyt looppi hitaalla liikkeellä tarjoaa parhaan tunnelman suhteessa kilotavuihin.

### Liian lyhyt

- Sanat katoavat ennen kuin ne ehtii lukea
- Uudelleenalkaminen näkyy parin sekunnin välein
- Liikkeen on oltava nopea mahtuakseen mukaan, mikä tuntuu levottomalta
- Muistuttaa meemistä otettua GIFiä

### Liian pitkä

- Raskas tiedosto latautuu hitaasti
- Kukaan ei näe jälkipuoliskoa syötteessä
- Mitään uutta ei tapahdu, sama vain jatkuu

## Sovita liikkeen nopeus looppiin

Pituus ja tempo toimivat yhdessä. Hidas liukuminen 10 sekunnin aikana tuntuu rauhalliselta ja arvokkaalta; sama liike puristettuna 3 sekuntiin näyttää heilumiselta. Valitse yleensä ensin tempo ja sitten lyhin kesto, jossa yksi kokonainen liikekierros näyttää kiireettömältä. Lempeä liike, kuten hitaasti hengittävät värit tai liukuvärin yli kulkeva valo, sopii minkä tahansa pituiseen looppiin, koska aloituskohta ei kiinnitä huomiota.

Harbour Booksin pystytarinalooppi kertoo perjantain myöhäisestä aukiolosta hitaasti liikkuvalla liukuvärillä

8 sekunnin tarinalooppi: yksi tekstirivi ja hidasta liikettä. Tarina poistuu ennen kuin toistoa on liikaa.

Kahvilan vaakanäytön looppi esittelee paahdetun kurpitsakeiton 11:30 alkaen rauhallisella liukuvärillä

30 sekunnin looppi tiskin näytössä: tausta hengittää niin hitaasti, ettei jonottava asiakas huomaa uudelleenalkamista.

## Verkkosivun taustavideon pituus

Verkkosivun taustavideon kannattaa kestää 10-30 sekuntia, olla äänetön ja tiedostoltaan niin pieni kuin siisti ulkoasu sallii: tavoittele muutamaa megatavua kymmenien sijaan. Lisää julistekuva latausajaksi ja pysäytä video niiltä, jotka ovat valinneet laitteessaan vähennetyn liikkeen. [Verkkosivun videotausta](https://gradiently.design/fi/guide/video-background-website) käsittelee pakkausta ja tiedostomuotoja tarkemmin.

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

Mykistetty sivun sisäinen taustalooppi, julistekuva ja vähennetyn liikkeen tarkistus. Selaimet toistavat automaattisesti vain mykistettyjä videoita.

## Loopin pituuden valinta vaiheittain

1. **Aloita käyttökohteesta** Valitse yllä olevasta taulukosta lähtökohtainen kesto loopin toistopaikan mukaan.
2. **Mittaa tekstin lukuaika** Lue teksti ääneen kahdesti rauhallisesti. Loopin pitäisi kestää vähintään niin kauan sanojen asetuttua paikalleen.
3. **Määritä tempo** Valitse brändin loopeille ja näytöille hidas liike. Säästä reipas liike lyhyisiin, energisiin julkaisuihin.
4. **Katso viisi kertaa** Toista looppi uudelleen. Jos uudelleenalkaminen häiritsee viidennellä katselukerralla, lisää sekunteja tai hidasta liikettä.
5. **Tarkista tiedosto** Jos se on sivulle tai sähköpostiin liian raskas, lyhennä kestoa ennen laadun laskemista.

Katso formaattikohtaiset ohjeet artikkeleista [Spotify Canvasin koko](https://gradiently.design/fi/guide/spotify-canvas-size), [animoidut sähköpostiotsakkeet](https://gradiently.design/fi/guide/animated-email-header) ja [tunnelmavideo](https://gradiently.design/fi/guide/ambient-video), joka käsittelee koko päivän toistavia näyttöjä.

## Loopin pituudet Gradientlyssä

Prolla voit viedä Gradientlystä minkä tahansa suunnitelman saumattomana looppina, jonka kesto on 5-30 sekuntia. Muoto on MP4 tai WebM enintään 1080p-tarkkuudella tai GIF. Valitset sekunnit ja hitaan, tasaisen tai reippaan tempon. Markin liike liittyy saumattomasti alkuun valitsemallasi pituudella. Tallennus tapahtuu reaaliajassa, joten 30 sekunnin loopin tekeminen kestää 30 sekuntia. Pidä välilehti auki valmistumiseen asti.

## FAQ

### Kuinka pitkä toistuva Instagram-video kannattaa tehdä?

Syötejulkaisuun 5-10 sekuntia ja tarinan tai Reelin taustaan 5-15 sekuntia. Anna riittävästi aikaa lukea teksti kahdesti.

### Kuinka pitkä verkkosivun taustavideon pitäisi olla?

10-30 sekuntia, äänetön ja pakattuna muutamaan megatavuun. Lisää julistekuva ja pysäytys niille, jotka suosivat vähennettyä liikettä.

### Kuinka pitkä GIF-looppi kannattaa tehdä?

Noin 2-5 sekuntia. GIF-tiedostot kasvavat nopeasti pituuden mukana, mikä vaikuttaa erityisesti sähköposteihin.

### Näyttääkö pidempi looppi paremmalta?

Vain paikoissa, joissa sitä katsotaan pitkään, kuten näytöillä ja verkkosivujen hero-osioissa. Syötteessä lisäsekunnit kasvattavat tiedostoa tuomatta katsojalle mitään.

### Miten piilotan videoloopin uudelleenalkamisen?

Sovita viimeinen ruutu ensimmäiseen, käytä hidasta liikettä ja valitse koko päivän toistaville näytöille pidempi, 20-30 sekunnin looppi.