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

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

Une boucle trop courte montre sa couture toutes les quelques secondes ; une boucle trop longue est un fichier lourd que personne ne regarde jusqu’au bout. Voici la bonne durée pour chaque endroit où vit une boucle, et comment choisir.

## The short version

- Pour les publications et les stories, une boucle vidéo de 5 à 15 secondes est en général assez longue pour être lue et assez courte pour être revue.
- Les boucles de fond de site web fonctionnent bien entre 10 et 30 secondes, assez légères pour se charger vite.
- Les écrans en boutique, dans les salles et à l’accueil conviennent à des boucles plus longues, de 20 à 30 secondes, car on les voit de nombreuses fois.
- Les GIF animés pour les e-mails doivent rester autour de 2 à 5 secondes, car le poids d’un GIF augmente vite avec la durée.
- Un mouvement lent rend n’importe quelle durée de boucle plus apaisée et masque le moment où la boucle redémarre.

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

| Où elle passe | Durée de la boucle | Pourquoi |
| --- | --- | --- |
| Publication du fil (Instagram, LinkedIn, Facebook) | 5 à 10 secondes | Vue brièvement en défilant ; une boucle courte se rejoue avant qu’on passe à autre chose |
| Fond de story ou de Reel | 5 à 15 secondes | Assez long pour lire les mots, assez court pour rester léger |
| Spotify Canvas | 3 à 8 secondes | La fourchette fixée par Spotify pour les boucles Canvas |
| Fond d’en-tête de site web | 10 à 30 secondes | Les visiteurs restent un moment ; une boucle plus longue cache son redémarrage |
| Écrans dans les lieux et boutiques | 20 à 30 secondes | Le personnel et les habitués la voient toute la journée, donc la répétition doit être douce |
| GIF dans un e-mail | 2 à 5 secondes | Le poids d’un GIF grimpe vite ; certaines messageries n’affichent que la première image |

Durées de départ pour chaque endroit où vit une boucle. Ajustez selon la quantité de texte de la création.

## 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](https://gradiently.design/fr/guide/seamless-loop-video) 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.

### Trop courte

- Les mots disparaissent avant d’être lus
- Le redémarrage se voit toutes les deux secondes
- Le mouvement doit être rapide pour tenir, ce qui paraît nerveux
- Ça ressemble au GIF d’un mème

### Trop longue

- Fichier lourd, lent à charger
- Personne ne voit la seconde moitié dans un fil
- Rien de nouveau ne se passe, juste plus de la même chose

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

Une boucle de story verticale où l’on lit Ouvert tard le vendredi pour Harbour Books, sur un dégradé qui dérive lentement

Une boucle de story de 8 secondes : une ligne de mots, une lente dérive, terminée avant de se répéter trop souvent.

Une boucle d’écran de café en grand format où l’on lit Soupe du jour : courge rôtie, servie dès 11 h 30, sur un dégradé calme

Une boucle d’écran de comptoir de 30 secondes : le fond respire si lentement que les clients dans la file ne voient jamais de redémarrage.

## 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](https://gradiently.design/fr/guide/video-background-website) détaille la compression et les formats.

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

Une boucle de fond muette et intégrée, avec une image d’affiche et une vérification des animations réduites. Les navigateurs ne lancent automatiquement que les vidéos muettes.

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

1. **Partez de l’emplacement** Prenez la fourchette de départ du tableau ci-dessus selon l’endroit où passera la boucle.
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. **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. **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. **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](https://gradiently.design/fr/guide/spotify-canvas-size), [les en-têtes d’e-mail animés](https://gradiently.design/fr/guide/animated-email-header) et [la vidéo d’ambiance](https://gradiently.design/fr/guide/ambient-video) 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.

## FAQ

### Quelle durée pour une vidéo en boucle sur Instagram ?

5 à 10 secondes pour une publication du fil et 5 à 15 secondes pour un fond de story ou de Reel, assez pour lire deux fois les éventuels mots.

### Quelle durée pour une vidéo de fond de site web ?

10 à 30 secondes, sans son et compressée à quelques mégaoctets, avec une image d’affiche et une pause pour les visiteurs qui préfèrent réduire les animations.

### Quelle durée pour un GIF en boucle ?

Environ 2 à 5 secondes. Le poids d’un GIF augmente vite avec la durée, ce qui compte surtout dans les e-mails.

### Une boucle plus longue est-elle plus belle ?

Seulement là où l’on regarde longtemps, comme les écrans et les en-têtes de site. Dans un fil, les secondes en plus ajoutent un poids que personne ne voit.

### Comment masquer le redémarrage d’une boucle vidéo ?

Faites couler la dernière image dans la première, utilisez un mouvement lent, et donnez aux écrans qui tournent toute la journée une boucle plus longue de 20 à 30 secondes.