Lyhyesti
- 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.
Tällä sivulla
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
Loopin pituus
Perustelu
Loopin pituus
Perustelu
Loopin pituus
Perustelu
Loopin pituus
Perustelu
Loopin pituus
Perustelu
Loopin pituus
Perustelu
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 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.
8 sekunnin tarinalooppi: yksi tekstirivi ja hidasta liikettä. Tarina poistuu ennen kuin toistoa on liikaa.
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 käsittelee pakkausta ja tiedostomuotoja tarkemmin.
<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>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, animoidut sähköpostiotsakkeet ja tunnelmavideo, 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.
Usein kysyttyä
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.
Kirjoittanut Gradiently
Gradientlyn tiimi. Gradiently on Markien ympärille rakennettu suunnittelutyökalu: eläviä liukuvärejä, joiden ansiosta kaikki suunnittelemasi näyttää omaltasi.
Katso profiilimme