Quelle durée pour une boucle vidéo, sur les réseaux et les écrans ?

Quelle durée pour une boucle vidéo ? Pour la plupart des publications et des stories, 5 à 15 secondes. Pour un fond de site web, 10 à 30 secondes. Pour un écran en boutique ou dans un lieu que les gens croisent tous les jours, 20 à 30 secondes, et pour un GIF dans un e-mail, à peine 2 à 5 secondes. La bonne durée est un équilibre entre trois choses : le temps de lire les mots, la fréquence à laquelle on voit le redémarrage, et le poids du fichier. Une boucle sans couture au mouvement lent peut être plus courte qu’on ne le pense.

Durée de boucle vidéo selon l’emplacement

Trois critères qui décident de la durée

Le temps de lire les mots

Si la boucle porte un message, il doit rester à l’écran assez longtemps pour être lu tranquillement, idéalement deux fois. Un titre de trois mots ne demande que quelques secondes ; un titre, une date et un lieu en demandent davantage. Si les mots apparaissent en animation, comptez à partir du moment où ils se posent, pas depuis le début.

La fréquence du redémarrage

Chaque boucle a une couture, le moment où la dernière image rejoint la première. Même une boucle sans couture parfaite répète son motif, et plus on la regarde, plus on le remarque. C’est pourquoi les boucles regardées longtemps, comme les écrans d’un café ou l’en-tête d’un site, méritent plus de secondes qu’une publication survolée en deux.

Le poids du fichier

La durée est le premier facteur du poids d’un fichier. Doublez les secondes et, à qualité égale, vous doublez à peu près le fichier. Sur un site web, cela ralentit la page ; dans un e-mail, cela peut pousser un GIF au-delà de ce que les messageries chargent volontiers. Des boucles courtes au mouvement lent offrent le meilleur rapport entre sensation et kilo-octets.

Accordez la vitesse du mouvement à la boucle

Durée et rythme vont ensemble. Une lente dérive sur 10 secondes paraît calme et haut de gamme ; la même dérive comprimée en 3 secondes devient un tremblement. En règle générale, choisissez d’abord le rythme, puis la durée la plus courte dans laquelle un cycle complet de ce mouvement paraît posé. Les mouvements doux, comme une couleur qui respire lentement ou une lumière qui traverse un dégradé, peuvent boucler à n’importe quelle durée, car ils n’attirent jamais l’attention sur leur point de départ.

Durée d’une vidéo de fond de site web

Une vidéo de fond sur un site web devrait durer 10 à 30 secondes, sans son, et être aussi légère que possible tout en restant nette : visez quelques mégaoctets, pas des dizaines. Donnez-lui une image d’affiche pour que quelque chose s’affiche pendant le chargement, et arrêtez-la pour les visiteurs qui ont demandé à leur appareil de réduire les animations. La vidéo de fond de site web détaille la compression et les formats.

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

Choisir la durée d’une boucle, étape par étape

1. 1

   Partez de l’emplacement

   Prenez la fourchette de départ du tableau ci-dessus selon l’endroit où passera la boucle.

2. 2

   Chronométrez les mots

   Lisez le texte à voix haute deux fois, sans vous presser. La boucle doit durer au moins autant une fois les mots posés.

3. 3

   Fixez le rythme

   Choisissez un mouvement lent pour les boucles de marque et les écrans ; gardez les mouvements vifs pour les publications courtes et énergiques.

4. 4

   Regardez-la cinq fois

   Lisez la boucle en continu. Si le redémarrage commence à vous gêner au cinquième passage, ajoutez des secondes ou ralentissez le mouvement.

5. 5

   Vérifiez le fichier

   S’il est trop lourd pour la page ou l’e-mail, raccourcissez-le avant de baisser la qualité.

Pour des formats précis, voyez la taille du Spotify Canvas, les en-têtes d’e-mail animés et la vidéo d’ambiance pour les écrans qui tournent toute la journée.

Les durées de boucle dans Gradiently

Avec Pro, Gradiently exporte n’importe quelle création en boucle sans couture de 5 à 30 secondes, en MP4 ou WebM jusqu’en 1080p, ou en GIF. Vous choisissez les secondes et un rythme lent, régulier ou vif, et le mouvement du Mark est construit pour se raccorder sans couture visible, quelle que soit la durée choisie. L’enregistrement se fait en temps réel, donc une boucle de 30 secondes prend 30 secondes à produire ; gardez l’onglet ouvert jusqu’à la fin.