GIF Suite : boîte à outils GIF tout-en-un gratuite

Qu'est-ce que GIF Suite ?

GIF Suite est une boîte à outils à six onglets pour travailler avec des GIF animés : découper un clip dans une vidéo, assembler des frames de design en animation, convertir un vieux GIF en MP4, extraire des frames et compresser un GIF trop gros. Je l'ai construit parce que je finissais toujours par ouvrir trois onglets pour envoyer un seul GIF de réaction sur Slack. Tout tourne localement via FFmpeg WASM, donc un enregistrement d'écran de 200 Mo reste sur votre ordinateur pendant que la suite le digère.

Fonctionnalités clés

• Vidéo vers GIF avec encodage de palette en deux passes — exécute d'abord palettegen pour construire une palette optimale, puis paletteuse avec le dither choisi pour l'encodage final. Le résultat est sensiblement plus propre que les outils en une seule passe, surtout sur les dégradés et les tons de peau.
• Contrôles framerate, segment et largeur — choisissez les temps de début et fin à 0,1 seconde près, de 5 à 30 FPS, et réglez la largeur de sortie sur un curseur de 160 à 1280 px par paliers de 40 px. La hauteur s'adapte automatiquement avec rééchantillonnage Lanczos.
• GIF Maker pour séquences d'images — déposez des frames PNG, JPG ou WebP (jusqu'à 50), réorganisez-les avec les flèches haut/bas et réglez le timing par frame en millisecondes. Le bouton Apply to All applique le délai par défaut à toutes les frames d'un coup.
• GIF vers vidéo — convertissez n'importe quel GIF en MP4 ou WebM en qualité Low (CRF 30), Medium (CRF 23) ou High (CRF 18), avec un compteur de loops configurable pour le GIF source avant l'encodage.
• Extraction GIF vers images — sortez chaque frame d'un GIF en PNG, JPG ou WebP, avec sélection optionnelle d'une plage de frames. Le même onglet génère un sprite sheet à partir des frames extraites avec un nombre de colonnes ajustable.
• Optimiseur pour GIF surdimensionnés — combinez réduction de couleurs (16-256), compression avec perte (0-200), saut de frames et redimensionnement en une seule passe. Le panneau de résultat affiche taille originale, taille optimisée et pourcentage économisé côte à côte.
• Onglet Dithering pour images statiques — appliquez Floyd-Steinberg, Atkinson, Bayer ou la quantification sans dither avec 4-256 couleurs et téléchargez en PNG. Utile pour prévisualiser ce que fera un algorithme avant de vous engager dans un encodage GIF complet.
• Mode batch sur les onglets lourds — Vidéo vers GIF, GIF vers Images et Optimiseur prennent tous en charge le traitement multi-fichiers avec un seul téléchargement ZIP à la fin.
• Fichiers jusqu'à 500 Mo — entrées vidéo jusqu'à 500 Mo ; entrées GIF jusqu'à 100 Mo ; images individuelles jusqu'à 50 Mo.

Comment utiliser GIF Suite

Étape 1 : choisissez un onglet

Six onglets en haut : Video to GIF, GIF Maker, GIF to Video, GIF to Images, Optimizer et Dither. Chacun est un outil autonome — les contrôles et la dropzone changent selon l'onglet. Le point de départ le plus courant est Video to GIF.

Étape 2 : Vidéo vers GIF — recadrez et configurez

Glissez une vidéo dans la dropzone (MP4, WebM, MOV, AVI, MKV sont tous acceptés). L'aperçu vidéo apparaît avec les contrôles de frame. Tapez Start Time et End Time en secondes — les deux acceptent des décimales jusqu'à 0,1. Sous les inputs, l'étiquette Duration se met à jour avec la longueur du segment sélectionné.

La carte GIF Settings contient les contrôles qui comptent le plus :

• Frame Rate — menu déroulant avec 5, 10, 15, 20, 24 et 30 FPS. 15 FPS est le sweet spot pour les GIF de réaction.
• Width — curseur de 160 à 1280 px. 480 px est un bon défaut pour les clients de chat.
• Colors — curseur de 16 à 256 par pas de 16. 128 est généralement indiscernable de 256 aux résolutions GIF.
• Loop forever / Play once — case à cocher sous le curseur de couleurs.

Cliquez sur Create GIF. Deux passes FFmpeg s'exécutent, le résultat apparaît dans un panneau d'aperçu avec son nom et sa taille, et Download l'enregistre sur votre ordinateur.

Étape 3 : GIF Maker — assemblez les frames

Passez à GIF Maker. Déposez deux images ou plus. Chaque frame devient une carte avec une miniature, le nom de fichier original, un input de délai en millisecondes et des chevrons haut/bas pour réorganiser. Le champ de délai par défaut en haut plus le bouton Apply to All appliquent un délai uniforme sur toutes les frames. Réglez la Width de sortie avec le curseur, puis cliquez sur Create GIF from Images. Avec moins de 2 frames, l'outil refuse et affiche le toast "Add at least 2 images to create a GIF".

Étape 4 : GIF vers vidéo — modernisez les vieux GIF

L'onglet GIF to Video est pour quand vous avez un GIF trop lourd pour ce qu'il doit faire — une animation héro sur une page marketing, un tutoriel in-app. Téléversez un fichier .gif, choisissez MP4 ou WebM, réglez le Loop Count (1-100, répète la source avant l'encodage) et choisissez la qualité Low, Medium ou High. Convert to Video produit une vidéo généralement 5-10x plus petite que le GIF source.

Étape 5 : Optimiseur — réduisez un GIF surdimensionné

Pour un GIF trop gros pour une README ou un email, déposez-le dans l'onglet Optimizer et ajustez :

• Compression Level (0-200) — des valeurs plus élevées dithent plus agressivement. 80 est un point de départ raisonnable.
• Max Colors (16-256) — passez d'abord de 256 à 128 ; la différence visuelle est généralement invisible aux résolutions GIF.
• Remove Frames — case à cocher qui active un curseur "keep every Nth frame" (2-10).
• Resize GIF — case à cocher qui active un curseur de largeur (100-800 px).

Cliquez sur Optimize GIF. Le panneau de résultat affiche trois nombres côte à côte : Original size, Optimized size et le pourcentage Savings.

Pour l'extraction de frames ou la sortie en sprite sheet, l'onglet GIF to Images suit le même schéma de téléversement mais renvoie une liste de miniatures de frames (chacune téléchargeable individuellement), un bouton Download All (ZIP) et un Generate Sprite Sheet optionnel avec nombre de colonnes ajustable.

Exemples pratiques

GIF de réaction depuis un extrait de film

Un clip vidéo de 90 secondes contient une réaction de 2,5 secondes près du milieu. Ouvrez Video to GIF, réglez Start Time 42.0 et End Time 44.5, choisissez 15 FPS, largeur 480 px, 128 couleurs, dithering activé. Le résultat : un GIF propre d'environ 1,5 Mo, assez petit pour Slack ou Discord.

Spinner de chargement depuis des frames de design

Une designeuse vous remet 12 frames PNG en 200x200 d'une animation de chargement. Ouvrez GIF Maker, téléversez les 12, tapez 80 dans le champ de délai par défaut (animation à 12,5 FPS), cliquez sur Apply to All, largeur 200 px, Create GIF from Images. Le résultat est un GIF de chargement parfait à la frame près, prêt pour une page web.

Compresser un GIF de capture d'écran pour une README

Un GIF de capture dans une README GitHub fait 8 Mo et votre page docs est lente. Ouvrez Optimizer, téléversez le GIF, Max Colors 128, Compression Level 80, Resize à 640 px. La sortie est généralement 60-80 % plus petite et reste lisible à taille documentation. Si vous voulez aussi un MP4, faites passer le GIF original par GIF to Video en Medium pour un MP4 de 1-2 Mo.

Conseils et bonnes pratiques

Gardez les segments vidéo courts. Les GIF à 15 FPS et 480 px tournent autour de 1-3 Mo par seconde. 5 secondes c'est confortable ; 15 devient vite ingérable. Pour plus long, l'onglet GIF to Video est presque toujours mieux qu'un GIF géant.

Coupez la profondeur de couleur avant la qualité. Dans l'Optimizer, baisser Max Colors de 256 à 128 économise 30-40 % sans différence visuelle. Augmentez Compression Level seulement après ; les valeurs élevées créent des artefacts visibles sur les zones plates.

Désactivez le dithering pour le pixel art. Le dithering aide le contenu photographique et les dégradés mais ajoute du bruit au pixel art net et aux illustrations à couleurs plates. Dans l'onglet Video to GIF, réglez Dither Algorithm sur None pour ces inputs.

Utilisez l'onglet Dithering comme labo de prévisualisation. Avant un encodage Video to GIF complet d'un long clip, déposez une frame représentative dans l'onglet Dither et essayez les algorithmes. Floyd-Steinberg semble plus lisse sur les photos ; Bayer est plus déterministe et plus rapide.

Deux frames est le minimum pour GIF Maker. Une seule image n'est pas une animation. L'outil refusera et vous toastera. Déposez au moins 2 images.

Problèmes courants et dépannage

"Add at least 2 images to create a GIF" — l'onglet GIF Maker a besoin de deux frames ou plus pour produire une animation. Ajoutez une image de plus.

Le GIF de sortie est énorme. Trois molettes se composent : longueur du segment, FPS et largeur. Baissez-les une à la fois. 30 FPS à 15 FPS divise les frames par deux ; 1280 à 640 px divise les pixels par frame par quatre. Ne réduisez pas les trois à la fois ou vous dépasserez.

La génération de palette échoue sur certaines vidéos. Certains fichiers vidéo avec des espaces de couleur inhabituels ou des particularités de codec font produire à palettegen des résultats étranges. Faites passer la source par le Bientôt disponible: Convertisseur Vidéo en MP4 d'abord, puis ramenez le MP4 converti dans Video to GIF.

La sortie GIF vers vidéo a l'air pixellisée. Les GIF sont plafonnés à 256 couleurs, donc toute vidéo produite depuis un GIF hérite de cette limite de palette. La sortie est fidèle au GIF mais ne ressemblera pas à une vidéo native. Si vous avez accès à la vidéo source originale, convertissez-la directement avec le Convertisseur Vidéo pour un résultat plus propre.

L'Optimizer affiche 0 % d'économie. L'input est déjà optimisé agressivement, ou vos réglages ne sont pas assez agressifs. Essayez une valeur Max Colors plus basse ou augmentez Compression Level. Le ré-encodage en deux passes a une surcharge fixe, donc un input minuscule ressort parfois quelques octets plus gros.

Le changement d'onglet réinitialise mon travail. Chaque onglet maintient son propre état, donc passer ailleurs et revenir préserve le travail en cours, mais un rafraîchissement dur efface tout. Utilisez le panneau Presets sous l'outil pour sauvegarder les réglages.

Confidentialité et sécurité

GIF Suite traite tout localement dans le navigateur via FFmpeg WASM. Aucune donnée vidéo, image ou GIF n'est téléversée nulle part. La première fois que vous utilisez un onglet, FFmpeg WASM se télécharge dans le cache du navigateur (environ 31 Mo) ; ensuite, l'outil fonctionne hors ligne dans la même session. Du contenu sensible — démos internes, animations en brouillon, ce que vous ne voulez pas partager — reste sur votre appareil.

Foire aux questions

Pourquoi Video to GIF prend deux passes FFmpeg ?

L'encodage de palette en deux passes produit des GIF nettement meilleurs. La première passe scanne la vidéo et construit une palette optimale. La seconde rend le GIF avec cette palette et votre dithering, ce qui réduit le banding par rapport aux encodages en une passe.

Quel framerate utiliser ?

10-15 FPS est le standard pour les GIF de réaction et les animations web. 24 FPS approche le film mais double la taille par rapport à 12 FPS. 5 FPS suffit pour du contenu lent. Choisissez le taux le plus bas qui reste fluide.

Combien d'images puis-je charger dans GIF Maker ?

Jusqu'à 50 images par session, en PNG, JPG ou WebP. Chaque image individuelle peut peser jusqu'à 50 Mo.

Quelle est la différence entre Compression Level et Max Colors dans l'Optimiseur ?

Max Colors réduit directement la palette, rétrécissant le fichier proportionnellement ; visuellement invisible jusqu'à environ 128 couleurs. Compression Level (0-200) contrôle l'agressivité du dithering pendant le remappage. Utilisez Max Colors d'abord ; Compression Level quand la réduction de couleurs cale.

Puis-je looper un GIF plusieurs fois lors de la conversion en vidéo ?

Oui. L'onglet GIF to Video a un champ Loop Count (1-100). L'outil utilise -stream_loop de FFmpeg pour répéter l'entrée le nombre de fois spécifié avant l'encodage, donc un GIF de 2 secondes loopé 5 fois produit une vidéo de 10 secondes.

Quels algorithmes de dither se trouvent dans l'onglet Dithering statique ?

Quatre : None (quantification seule), Floyd-Steinberg (diffusion d'erreur lisse, meilleur pour les photos), Atkinson (diffusion d'erreur plus légère, popularisée par le Macintosh classique) et Ordered/Bayer 4x4 (rapide, motif déterministe). La sortie est PNG. L'onglet Dithering travaille sur une seule image statique ; utilisez Video to GIF ou GIF Maker pour le dithering animé.

Quelle est la taille maximum de GIF pour l'Optimiseur ?

100 Mo. Les très gros GIF peuvent prendre une minute ou plus parce que chaque frame est décodée, requantifiée et réencodée.

Le générateur de sprite sheet a-t-il une limite de taille ?

Oui. L'outil avertit et s'arrête si le sprite sheet calculé dépasserait les dimensions de canvas sûres, avec un toast suggérant moins de colonnes. Pour les gros GIF, réduisez le nombre de colonnes ou extrayez les frames d'abord et assemblez manuellement.

Outils associés

• Bientôt disponible: Convertisseur Vidéo — convertissez la vidéo source en MP4 propre avant de la passer dans Video to GIF, surtout pour les codecs inhabituels.
• Bientôt disponible: Trimmer Vidéo — pour un contrôle de découpe plus fin sur une longue vidéo source avant de l'amener dans GIF Suite.
• Bientôt disponible: Compresseur d'Image — précompressez les frames PNG ou JPG avant de les charger dans GIF Maker pour une sortie plus petite.
• Bientôt disponible: Compresseur Vidéo — quand la sortie GIF to Video est encore trop grosse, déposez le résultat ici pour une seconde passe de compression.

Essayez GIF Suite maintenant : Bientôt disponible: GIF Suite