In breve
- Per post e storie social, un video in loop da 5 a 15 secondi è di solito abbastanza lungo da essere letto e abbastanza corto da essere riguardato.
- I loop di sfondo per i siti funzionano bene da 10 a 30 secondi, con un peso abbastanza ridotto da caricarsi in fretta.
- Gli schermi in negozi, locali e reception vogliono loop più lunghi, da 20 a 30 secondi, perché le persone li vedono molte volte.
- Le GIF animate per le email dovrebbero restare intorno ai 2-5 secondi, perché i file GIF crescono in fretta con la durata.
- Il rallentatore fa sembrare più calma qualsiasi durata di loop e nasconde il momento in cui il loop riparte.
In questa pagina
Quanto deve durare un video in loop? Per la maggior parte dei post e delle storie social, da 5 a 15 secondi. Per lo sfondo di un sito, da 10 a 30 secondi. Per uno schermo in un negozio o in un locale davanti a cui la gente passa ogni giorno, da 20 a 30 secondi, e per una GIF in un’email, solo da 2 a 5 secondi. La durata giusta è un equilibrio tra tre cose: il tempo per leggere le parole, quanto spesso si vedrà la ripartenza e il peso del file. Un loop senza interruzioni con movimento lento può essere più corto di quanto pensi.
Durata del video in loop per posizione
Durata del loop
Perché
Durata del loop
Perché
Durata del loop
Perché
Durata del loop
Perché
Durata del loop
Perché
Durata del loop
Perché
Tre cose che decidono la durata
Il tempo per leggere le parole
Se il loop porta un messaggio, deve restare sullo schermo abbastanza a lungo perché qualcuno lo legga comodamente, meglio se due volte. Un titolo di tre parole ne richiede solo pochi secondi; un titolo, una data e un luogo ne richiedono di più. Se le parole entrano in animazione, conta dal momento in cui si fermano, non dall’inizio.
Quanto spesso si vede la ripartenza
Ogni loop ha una giuntura, il momento in cui l’ultimo frame incontra il primo. Anche un loop senza interruzioni perfetto ripete il suo schema, e più volte qualcuno lo guarda, più lo nota. Per questo i loop guardati a lungo, come gli schermi di un caffè o l’hero di un sito, meritano più secondi di un post scorso in due.
Il peso del file
La durata è il fattore che pesa di più sulla dimensione del file. Raddoppia i secondi e, a pari qualità, raddoppi più o meno il file. Su un sito rallenta la pagina; in un’email può spingere una GIF oltre quanto le caselle di posta caricano volentieri. Loop brevi con movimento lento danno il miglior rapporto tra sensazione e kilobyte.
Troppo corto
- Le parole spariscono prima di essere lette
- La ripartenza si vede ogni due secondi
- Il movimento deve essere veloce per starci, e sembra nervoso
- Sembra una GIF da meme
Troppo lungo
- File pesante, lento da caricare
- Nessuno vede la seconda metà in un feed
- Non succede niente di nuovo, solo altro dello stesso
Abbina la velocità del movimento al loop
Durata e ritmo lavorano insieme. Una lenta deriva su 10 secondi sembra calma e preziosa; la stessa deriva compressa in 3 secondi diventa un traballare. Come regola, scegli prima il ritmo, poi la durata più breve in cui un ciclo completo di quel movimento sembri senza fretta. I movimenti dolci, come il colore che respira lentamente o la luce che attraversa un gradiente, possono andare in loop a qualsiasi durata perché non attirano mai l’attenzione sul punto da cui partono.
Un loop per storie da 8 secondi: una riga di parole, una lenta deriva, finisce prima di ripetersi troppo spesso.
Un loop da 30 secondi per lo schermo del bancone: lo sfondo respira così lentamente che i clienti in coda non vedono mai una ripartenza.
Durata del video di sfondo di un sito
Un video di sfondo su un sito dovrebbe durare da 10 a 30 secondi, essere muto e il più piccolo possibile pur restando pulito: punta a pochi megabyte, non a decine. Dagli un’immagine di anteprima, così qualcosa si vede mentre carica, e fermalo per i visitatori che hanno chiesto al dispositivo meno movimento. Video di sfondo per siti web tratta compressione e formati per intero.
<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>Scegliere la durata di un loop, passo passo
- 1
Parti dalla posizione
Prendi l’intervallo di partenza dalla tabella qui sopra, in base a dove verrà riprodotto il loop.
- 2
Cronometra le parole
Leggi il testo ad alta voce due volte con calma. Il loop dovrebbe durare almeno quanto, dopo che le parole si sono fermate.
- 3
Imposta il ritmo
Scegli un movimento lento per loop di brand e schermi; lascia il movimento vivace ai post brevi ed energici.
- 4
Guardalo cinque volte
Riproduci il loop in ripetizione. Se alla quinta volta la ripartenza comincia a darti fastidio, aggiungi secondi o rallenta il movimento.
- 5
Controlla il file
Se è troppo pesante per la pagina o per l’email, accorcialo prima di abbassare la qualità.
Per formati specifici, vedi dimensioni di Spotify Canvas, intestazioni email animate e video ambientale per gli schermi che riproducono tutto il giorno.
Durate dei loop in Gradiently
Con Pro, Gradiently esporta qualsiasi design come loop senza interruzioni da 5 a 30 secondi, in MP4 o WebM fino a 1080p, oppure come GIF. Scegli i secondi e un ritmo lento, regolare o vivace, e il movimento del Mark è costruito per unirsi senza giuntura visibile a qualunque durata tu scelga. La registrazione avviene in tempo reale, quindi un loop da 30 secondi richiede 30 secondi per essere creato; tieni aperta la scheda finché non ha finito.
Le domande più frequenti
Quanto deve durare un video in loop per Instagram?
Da 5 a 10 secondi per un post nel feed e da 5 a 15 secondi per lo sfondo di una storia o di un Reel, abbastanza per leggere due volte le parole.
Quanto deve durare il video di sfondo di un sito?
Da 10 a 30 secondi, muto e compresso a pochi megabyte, con un’immagine di anteprima e una pausa per i visitatori che preferiscono meno movimento.
Quanto deve durare una GIF in loop?
Circa 2-5 secondi. I file GIF crescono in fretta con la durata, cosa che conta soprattutto nelle email.
Un loop più lungo ha un aspetto migliore?
Solo dove le persone guardano a lungo, come negli schermi e negli hero dei siti. In un feed, i secondi in più aggiungono peso al file che nessuno vede.
Come nascondo il punto in cui un video in loop riparte?
Fai scorrere l’ultimo frame nel primo, usa un movimento lento e dai agli schermi che riproducono tutto il giorno un loop più lungo, da 20 a 30 secondi.
Scritto da Gradiently
Il team dietro Gradiently, uno strumento di design costruito attorno ai Mark: gradienti vivi che fanno sembrare tuo tutto ciò che progetti.
Vedi il nostro profilo