Inverseur de GIF

Lisez un GIF animé à l'envers, transformez-le en boomerang ou n'inversez qu'une section — avec un rythme reflété plutôt que réécrit.

1. 1

   Ajoutez votre GIF

   Déposez un GIF animé sur la zone de dépôt, ou cliquez pour parcourir. Les WebP animés et les APNG s'ouvrent aussi. Le fichier est lu sur votre appareil et n'est envoyé nulle part.

2. 2

   Choisissez à l'envers ou boomerang

   Inverser lit l'animation de la dernière image à la première. Boomerang la lit en avant puis revient au début, en supprimant les deux images du demi-tour pour qu'aucune image ne soit affichée deux fois de suite.

3. 3

   Tout inverser, ou juste une plage

   Par défaut l'animation entière est retournée. Passez sur une plage et indiquez une première et une dernière image pour n'inverser que cette section : tout le reste garde sa place et son ordre.

4. 4

   Téléchargez le GIF inversé

   Appuyez sur Télécharger. Quand la source le permet, le panneau indique que les images ont été recopiées et non redessinées : les palettes, les données compressées et la transparence sont les octets entrés.

Une animation inversée n'est pas qu'une curiosité. Lire un clip à l'envers, c'est transformer une coupure franche en boucle, une montée en une révélation, et une réaction de cinq images en quelque chose qui tourne indéfiniment sans raccord visible. C'est aussi la façon la plus rapide de vérifier si le mouvement d'une animation se lit bien, car un mouvement qui n'a de sens que dans un sens cache presque toujours un problème de rythme que vous n'aviez pas remarqué.

Lisez un GIF animé à l'envers, créez une boucle boomerang ou n'inversez qu'une plage d'images — chaque image gardant son propre délai pour que le rythme se reflète à l'identique.

Quand le fichier le permet, les images sont recopiées dans le nouvel ordre plutôt que redessinées : la palette, les données compressées et la transparence sont les octets entrés.

Ce que fait cet outil et que les autres ne font pas

• Rien n'est redessiné quand rien n'a besoin de l'être. L'ordre des images est une propriété du conteneur, pas de l'image. Quand le fichier le permet, les octets compressés sont recopiés dans le nouvel ordre et tout le reste est recopié tel quel.
• Le rythme se reflète, il ne s'aplatit pas. Chaque image garde son délai, donc une animation avec une longue pause à la fin revient avec une longue pause au début — c'est précisément ce qu'est un miroir.
• Les images différentielles sont détectées, pas ignorées. Un GIF optimisé dont les images sont des correctifs sur leurs voisines est composé d'abord. Inverser ces correctifs directement produit un fichier qui s'ouvre et s'affiche n'importe comment.
• Un boomerang sans à-coup. L'aller et le retour partagent leurs extrémités, donc le demi-tour et le point de boucle sont tous deux propres.
• Une plage, pas seulement le tout. Inversez les images 12 à 40 et laissez le reste tranquille.
• Rien n'est envoyé. Tout le travail se déroule sur votre appareil : pas de file d'attente, pas de fenêtre de conservation, aucun fichier à supprimer ensuite.

Un fichier GIF, c'est un en-tête, une table de couleurs, puis une suite de blocs. Chaque image de cette suite est une séquence d'octets autonome : une extension de contrôle graphique facultative portant le délai et la méthode d'élimination, un descripteur d'image portant son rectangle, une table de couleurs propre facultative, et les données compressées. Rien dans les octets d'une image ne fait référence à sa position dans le fichier. Inverser l'animation peut donc être exactement ce que cela semble être : prendre ces séquences, les écrire dans l'ordre inverse, recopier tous les autres octets tels qu'ils étaient.

Ce que fait réellement le chemin rapide

• Parcourir les blocs. Le fichier est parcouru une fois comme une structure — des blocs préfixés par leur longueur, sans décompression — en notant où commencent et finissent les octets de chaque image.
• Vérifier que l'ordre peut changer. Le rectangle, l'indicateur de transparence et la méthode d'élimination de chaque image sont lus. Le réordonnancement ne s'exécute que si chaque image est démontrablement indépendante de la précédente.
• Recopier les séquences dans le nouvel ordre. La sortie est construite comme une liste de plages recopiées de l'entrée, l'en-tête, la table de couleurs globale et le terminateur restant exactement là où ils étaient.
• Le prouver ensuite. Les données compressées et le délai de chaque image de sortie sont comparés octet par octet à l'image source dont ils proviennent. Ce contrôle s'exécute à chaque inversion, car la garantie est peu coûteuse à vérifier et coûteuse à perdre.

L'invariant facile à rater

Une inversion ne doit changer ni la durée totale, ni le nombre d'images, ni quel délai appartient à quelle image. Les deux premiers points sont assez évidents pour que la plupart des outils les respectent. Le troisième échoue en silence : si un outil inverse les images mais laisse la liste des délais intacte, tous les nombres sont encore là, le total est encore correct, et l'animation est fausse — la pause qui était sur la dernière image est maintenant sur la première. Ici le délai est lu dans les octets de l'image elle-même et voyage avec elle, ce qui rend le miroir exact par construction plutôt que par arithmétique.

La plupart des GIF que vous rencontrerez sont optimisés. Au lieu de stocker chaque image en entier, un encodeur stocke l'image douze comme le petit rectangle de pixels qui a réellement changé depuis l'image onze, marque les pixels inchangés comme transparents, et fixe une méthode d'élimination indiquant au lecteur quoi faire de ce rectangle avant l'image suivante. C'est une économie énorme — sur un fond fixe avec un carré en mouvement, stocker des images entières coûte 122 414 octets et stocker des différences en coûte 7 064 — et c'est pourquoi une inversion naïve est dangereuse et pas simplement imparfaite.

Les trois façons dont une image inversée est fausse

• Un sous-rectangle au mauvais endroit. Un correctif n'a de sens que sur l'image contre laquelle il a été calculé. Inversé, chaque correctif tombe sur la mauvaise base, et le résultat est ce GIF taché et à moitié dessiné que les gens signalent comme corrompu.
• Une transparence qui signifie « garde ce qu'il y avait ». Dans une image différentielle, transparent ne veut pas dire invisible : cela veut dire que le pixel de l'image précédente est encore correct. Inversez l'ordre et cette affirmation est fausse pour toutes.
• Restaurer au précédent, qui n'a pas de forme inverse. La méthode d'élimination 3 se définit uniquement en fonction de ce qui précède. Il n'y a aucun moyen de la transposer à travers une inversion ; l'animation doit être composée et reconstruite.

Quand les images peuvent être déplacées, et quand elles ne peuvent pas

La règle appliquée par cet outil est vérifiée, jamais devinée. Les images peuvent être réordonnées lorsque toutes couvrent le canevas entier et sont totalement opaques — car alors chacune recouvre tout ce qui précède, quelle que soit la méthode d'élimination — ou lorsque toutes couvrent le canevas entier et sont effacées vers l'arrière-plan avant la suivante, car alors chacune s'affiche sur le même fond vide. Tout le reste, y compris un bloc d'extension situé entre deux images, envoie l'animation sur le chemin de composition : elle est décodée en images complètes, réordonnée, et réencodée avec de nouvelles différences calculées pour le nouvel ordre. C'est plus lent et cela requantifie la palette, et c'est la seule réponse correcte. L'outil nomme le chemin emprunté et, en cas de reconstruction, dit pourquoi.

Un boomerang lit l'animation en avant puis en arrière, si bien que la dernière image du cycle jouxte la première et que la boucle n'a pas de raccord. C'est la raison pour laquelle la plupart des gens cherchent un inverseur, et c'est là que l'arithmétique dérape en silence.

Les deux images en double que personne ne retire

• Au demi-tour. L'aller finit sur la dernière image ; le retour commence sur la dernière image. Écrite naïvement, cette image est affichée deux fois de suite et le mouvement hésite visiblement avant de repartir.
• Au point de boucle. Le retour finit sur la première image ; le cycle suivant commence sur la première image. La même hésitation, une fois par boucle, indéfiniment.
• Le correctif, c'est deux images. Retirer les extrémités du retour. Une animation de huit images devient quatorze plutôt que seize, et aucune image n'est jamais affichée deux fois de suite — y compris au passage de la boucle.

Ce que cela coûte

Un boomerang, c'est presque deux fois l'animation, donc presque deux fois le fichier. Impossible d'y échapper : les images supplémentaires sont de vraies images et il faut les stocker. Ce qu'on peut éviter, c'est d'en stocker plus que l'effet n'en demande, et deux images par cycle, c'est ce qu'ajoute une implémentation négligente. Sur le chemin de recopie, le retour coûte exactement ce qu'a coûté l'aller, puisque ce sont les mêmes octets compressés écrits une seconde fois.

Parfois le clip entier ne devrait pas partir à l'envers. Un enregistrement d'écran avec un carton titre au début, une réaction avec un temps d'immobilité avant le mouvement, une rotation de produit avec une image fixe à chaque bout : dans tous ces cas le mouvement intéressant est une section, et inverser le fichier en entier déplace des meubles qui étaient très bien là où ils étaient.

Comment se comporte la plage

• Les images hors de la plage ne bougent pas. Elles gardent leur position et leur ordre. Une inversion de plage est une retouche locale, pas une réorganisation de la chronologie.
• La plage est inclusive et commence à un. De 4 à 9 signifie de la quatrième à la neuvième, comptées comme les compte l'affichage des images.
• Le boomerang la respecte aussi. Définissez une plage et choisissez boomerang : seule cette section part et revient, les images autour se lisant une fois, comme avant.
• Une plage d'une image ne change rien, et le dit. Plutôt que de vous rendre une copie du fichier, l'outil vous signale que l'ordre qu'il s'apprête à écrire est celui qu'il a lu.

Le nombre de fois qu'un GIF se lit n'est pas stocké comme un nombre de lectures. Il vit dans un bloc d'extension applicative portant un compteur de répétitions, où le compteur indique combien de fois relire APRÈS la première passe, et où zéro est réservé pour l'infini. Ainsi un fichier qui dit 2 se lit trois fois, un fichier qui dit 0 se lit sans fin, et un fichier qui se lit exactement une fois ne peut pas le dire — il l'exprime en ne portant pas le bloc.

• Conserver est la valeur par défaut. La boucle propre au fichier est laissée intacte, y compris le cas de la lecture unique, qu'un outil écrivant toujours un compteur convertirait silencieusement en boucle infinie.
• À l'infini, une fois, ou un nombre. Choisissez en nombre de lectures — combien de fois l'animation se déroule — et la bonne des trois écritures est produite pour vous.
• Le résultat est relu dans le fichier. Le nombre affiché après une inversion est mesuré sur les octets terminés, pas sur la demande, car le seul nombre qu'un contrôle de boucle peut rater est celui qu'il croit avoir écrit.

• Des boucles sans raccord. Un clip qui finit ailleurs qu'il n'a commencé saute à chaque répétition. Le boomerang supprime le saut sans exiger que la source soit parfaite.
• Révélations et annulations. Lire une montée à l'envers en fait un démontage, ce qui est la façon la moins chère d'obtenir une paire d'animations assorties à partir d'un seul enregistrement.
• Clips de réaction. Une courte réaction se lit souvent mieux en ping-pong qu'en boucle sèche, et cela prend deux secondes plutôt qu'un remontage.
• Rotations de produit. Inverser la seconde moitié d'un tour fait osciller l'objet au lieu de le faire tourner, ce qui boucle proprement à n'importe quelle durée.
• Vérifier votre propre rythme. Un mouvement qui ne se lit que dans un sens a presque toujours un problème d'accélération ou de pause. L'inverser est un diagnostic rapide.

Ce qu'il advient de la taille du fichier

Sur le chemin de recopie, rien : la sortie est faite des mêmes images compressées dans un autre ordre, elle est donc à un ou deux octets de la source. Sur le chemin de reconstruction la taille bouge, et elle peut bouger dans les deux sens — une palette construite sur toute l'animation se compresse autrement, et les différences d'une animation inversée sont réellement d'autres données que celles de l'originale. Le mode boomerang double approximativement le fichier partout où il s'exécute, puisqu'il stocke presque deux fois plus d'images. Si le résultat doit être plus petit, le compresseur de GIF sait viser directement une taille que vous nommez.

La liste d'entrée est courte et elle est appliquée dès le sélecteur de fichiers : rien n'est accepté qui ne puisse être ouvert. Un fichier du mauvais type est refusé immédiatement, avec un lien vers l'outil qui sait le traiter, plutôt que d'être mis en file derrière un indicateur qui finit par échouer.

• GIF en entrée, GIF en sortie. La seule combinaison qui peut emprunter le chemin de recopie, et celle où l'image est démontrablement intacte.
• WebP animé en entrée, GIF en sortie. Décodé et reconstruit. L'ordre et le rythme suivent les mêmes règles ; les pixels sont réencodés parce qu'il le faut bien.
• APNG en entrée, GIF en sortie. Idem, y compris les fichiers servis en image/png, qui est la façon dont la plupart des systèmes étiquettent un APNG.
• Les images fixes et la vidéo sont refusées. Avec un itinéraire : le créateur de GIF pour une image fixe, Vidéo en GIF pour un clip.

Comment l'animation est lue

Là où le navigateur fournit un décodeur d'images animées, il est utilisé. Là où il n'en fournit pas, l'outil se rabat sur son propre lecteur, qui parcourt le conteneur et décompresse les images lui-même — c'est ce qui fait fonctionner les GIF animés ici dans des navigateurs qui rendraient sinon une seule image fixe sans la moindre erreur. Les images sont composées à mesure qu'elles sont décodées, si bien que chacune arrive comme une image complète, méthode d'élimination déjà appliquée. Sur le chemin de recopie, rien de tout cela ne s'exécute : la structure du fichier est lue, les images sont déplacées, et pas un pixel n'est décompressé.

Limites, et d'où elles viennent

• Gratuit : 50 MB, un fichier à la fois. Jusqu'à 300 images et 2 048 px sur le plus grand côté, en pleine qualité et par le même chemin sans perte que Pro.
• Pro : jusqu'à 20 GIF à la fois. Nombre d'images et dimensions illimités, taille limitée par ce que la mémoire de votre appareil peut contenir, et tout le lot téléchargé dans une seule archive ZIP.
• Les plafonds sont une règle, pas une capacité. Rien dans le format ni dans l'appareil ne fait de 300 images une frontière ; c'est là que s'arrête l'offre gratuite.
• La mémoire est un vrai plafond. Le chemin de reconstruction retient des images décodées, et 500 images en 1920 sur 1080 représentent plusieurs gigaoctets. Le travail est borné avant de commencer plutôt que découvert à mi-parcours.

Il n'y a pas d'étape d'envoi, pas de file d'attente, pas de serveur qui fabrique le résultat. Le fichier est lu là où il est, le travail s'exécute dans un fil d'arrière-plan pour que la page reste réactive, et l'animation finie est remise directement au bouton de téléchargement.

Le chemin que suit un fichier

• Lire la structure. Une lecture d'en-tête indique combien d'images contient le fichier, combien de temps dure chacune, et si ses images peuvent être réordonnées. Rien n'est décompressé pour cela.
• Choisir le chemin avant que le travail commence. Si les images peuvent être déplacées, l'animation n'est jamais décodée : l'inversion est une recopie. Sinon, toute l'animation est décodée et composée.
• Faire le travail hors du fil principal. Décodage, composition, construction de palette et compression tournent dans un worker, si bien que l'indicateur de progression continue d'avancer parce que la page reste réellement réactive.
• Rapporter ce qui s'est vraiment passé. Le chemin emprunté, le nombre d'images en entrée et en sortie, les délais écrits et le nombre de lectures sont tous relus dans le fichier terminé.

Sur un portable de milieu de gamme, une animation de 100 images en 480 sur 270 est inversée par le chemin de recopie en quelques millisecondes, parce que le travail est proportionnel au nombre de blocs du fichier et non au nombre de pixels. Le même fichier reconstruit — ce que tous les autres outils de cette catégorie font à chaque fichier — prend environ deux ordres de grandeur de plus et rend une image différente.

• Vitesse d'un GIF
• Découper un GIF
• Diviser un GIF
• Compresser un GIF
• Éditeur de GIF
• Vidéo en GIF