Comment convertir un GIF en vidéo ? Conversion en MP4 et WEBM

Vous avez un GIF et vous voulez le mettre sur votre site web. Le fichier pèse 6 Mo et la page s'ouvre lentement. Ou bien vous devez importer un GIF dans un projet de montage vidéo. La conversion de GIF en vidéo répond à ces deux besoins et apporte généralement un gain de taille spectaculaire.

Pourquoi convertir un GIF en vidéo

La taille du fichier. Le GIF utilise une compression inefficace héritée de 1987 et n'exploite la redondance entre images que de façon primitive. Le même contenu en MP4 occupe généralement dix fois moins de place. Un GIF de 6 Mo devient un MP4 de 500 Ko.

La vitesse de page. Les gros GIF retardent nettement le chargement des pages sur les connexions mobiles. Les moteurs de recherche utilisent aussi la vitesse de page comme signal de classement.

Le montage. Les logiciels de montage vidéo peuvent avoir du mal à importer un GIF directement ou en interpréter la fréquence d'images de travers. Passer à un format vidéo remet le flux de travail d'aplomb.

Les exigences des plateformes. Certains réseaux sociaux et systèmes de gestion de contenu réclament de la vidéo.

Étape 1 : posez les bonnes attentes

Disons d'emblée une chose importante : la conversion n'améliore pas la qualité.

Votre GIF a été ramené à 256 couleurs et cette information de couleur ne revient pas. Le format vidéo prend en charge la couleur complète, mais comme votre source est en 256 couleurs, le résultat le paraîtra aussi. Le banding et l'aspect tacheté demeurent tels quels.

Le gain porte sur la taille du fichier, pas sur la qualité. Et ce gain est généralement important.

Par ailleurs, si la conversion se fait vers un codec vidéo avec perte (H.264, VP9), il y a une toute petite perte supplémentaire. Avec un débit suffisant, elle passe inaperçue — d'autant que la source étant déjà en 256 couleurs, le travail du codec est facile.

Étape 2 : choisissez le format cible

MP4 (H.264) : le choix le plus sûr. Tous les navigateurs, tous les appareils, toutes les plateformes le prennent en charge. En cas de doute, choisissez-le.

WEBM (VP9) : environ 30 % plus léger que le MP4 à qualité égale. Tous les navigateurs modernes le prennent en charge. Idéal si vous l'utilisez sur votre propre site.

La meilleure approche consiste à produire les deux et à laisser le navigateur choisir :

<video autoplay muted loop playsinline>
  <source src="animation.webm" type="video/webm">
  <source src="animation.mp4" type="video/mp4">
</video>

Le navigateur utilise la première source qu'il prend en charge : WEBM pour les navigateurs modernes, MP4 pour les anciens.

Étape 3 : lancez la conversion

Ouvrez l'outil de conversion de GIF en vidéo, téléversez votre GIF et choisissez le format cible. Le traitement s'exécute dans votre navigateur ; votre fichier ne part pas vers un serveur.

Deux points techniques sont réglés en arrière-plan pendant la conversion :

La règle des dimensions paires. Des codecs comme le H.264 stockent l'information de couleur en la divisant par deux horizontalement et verticalement (sous-échantillonnage de chrominance 4:2:0). Cela exige que la largeur et la hauteur soient des nombres pairs. Comme les GIF n'ont pas cette contrainte, des dimensions comme 401×267 sont fréquentes. Le convertisseur corrige généralement le problème en rognant ou en ajoutant un pixel — une intervention visuellement imperceptible.

La normalisation de la fréquence d'images. Dans un GIF, chaque image a son propre délai, la fréquence peut donc varier d'une image à l'autre. La vidéo, elle, attend généralement une fréquence constante. Le convertisseur choisit une fréquence cible et répartit les images en conséquence.

Si les délais de la source sont irréguliers, un léger écart de synchronisation peut apparaître. Sur une animation critique (une démonstration d'interface, par exemple), il est bon de comparer le résultat à l'original.

Étape 4 : contrôlez le résultat

La durée est-elle identique ? De petits écarts peuvent apparaître lors de la conversion de fréquence d'images.

La vitesse du mouvement est-elle correcte ? Si votre GIF utilise des délais irréguliers, la vidéo est lue à vitesse constante et le rythme peut changer. Si vous ressentez un ralentissement ou une accélération, modifiez le réglage de fréquence d'images et réessayez.

La première et la dernière image s'accordent-elles ? Comme le GIF tournait en boucle, son début et sa fin se ressemblaient. La vidéo mise en boucle doit conserver la même fluidité.

Y a-t-il une dégradation visuelle ? Si le débit choisi est insuffisant, un effet de blocs peut apparaître dans les zones en mouvement. C'est rare pour les vidéos issues de GIF, la source étant déjà simple, mais vérifiez tout de même.

Quel est le gain de taille ? On attend généralement une réduction d'un facteur 5 à 10. Si la réduction est faible, le débit a peut-être été fixé inutilement haut.

Étape 5 : utilisez-la correctement sur le web

Les attributs nécessaires pour qu'une vidéo se comporte comme un GIF :

| Attribut | Fonction | |---|---| | autoplay | Démarre tout seul à l'ouverture de la page | | muted | Muet — sans lui, les navigateurs n'autorisent pas la lecture automatique | | loop | Boucle infinie | | playsinline | Empêche le passage en plein écran sur mobile | | poster | L'image affichée en attendant le chargement de la vidéo |

L'attribut muted est déterminant : les navigateurs bloquent la lecture automatique avec son, et sans muted, autoplay ne fonctionne pas.

playsinline est également indispensable sur mobile ; sans lui, Safari iOS ouvre la vidéo en plein écran et le comportement de type GIF est rompu.

Une remarque d'expérience utilisateur : les vidéos en lecture automatique gênent certaines personnes. Pour les animations longues ou distrayantes, donner le contrôle à l'utilisateur via l'attribut controls peut être un meilleur choix.

Quand faut-il laisser le GIF tel quel

La conversion n'est pas la bonne réponse dans tous les cas :

Si vous l'utilisez dans un e-mail. Presque aucun client de messagerie ne lit de vidéo. Le GIF doit y rester.

Sur les anciens forums ou systèmes de wiki. Ces environnements ne prennent généralement en charge que les balises d'image.

Dans les bibliothèques de GIF des messageries. Certaines applications traitent le GIF comme un cas particulier.

Pour les très petits fichiers. Le gain à convertir un GIF de 100 Ko ne vaut peut-être pas la complexité supplémentaire.

Si un fond transparent est nécessaire. Les formats vidéo ne prennent pas en charge la transparence alpha en pratique. La transparence du GIF est binaire (oui/non), mais elle existe au moins. Pour une meilleure transparence, envisagez le WEBP animé ou l'APNG.

Conversion en masse

Si votre site comporte de nombreux GIF, les convertir tous apporte un gain sérieux. L'approche :

1. Faites l'inventaire. Quels GIF sont utilisés où, et de quelle taille sont-ils ?

2. Établissez des priorités. Commencez par les fichiers les plus lourds ; le gain est proportionnel.

3. Produisez les deux formats. Le couple WEBM + MP4 apporte à la fois efficacité et compatibilité.

4. Mettez le HTML à jour. Transformez les balises <img src="x.gif"> en blocs <video>.

5. Gardez une sauvegarde. Ne supprimez pas les GIF tout de suite ; conservez-les un temps pour pouvoir revenir en arrière en cas de problème.

Sur les mesures de vitesse de page, la différence se voit généralement immédiatement — en particulier sur les connexions mobiles.

En résumé

La conversion d'un GIF en vidéo n'améliore pas la qualité (la limite des 256 couleurs a déjà été appliquée) mais apporte typiquement un gain d'un facteur dix sur la taille du fichier. Le MP4 est la cible la plus sûre ; si vous l'utilisez sur votre propre site, le proposer aux côtés du WEBM donne le meilleur résultat. L'arrondi de la résolution à des dimensions paires et la normalisation des délais variables du GIF vers une fréquence d'images constante sont gérés en arrière-plan — le second point peut créer un léger écart de synchronisation sur les animations critiques, alors contrôlez le résultat. Sur le web, utilisez les attributs autoplay muted loop playsinline pour retrouver le comportement d'un GIF. Pour l'e-mail, les anciens forums et les cas nécessitant de la transparence, laisser le GIF tel quel reste la bonne décision.