Rogner un GIF

Réduisez un GIF animé à la partie qui vous intéresse, sans le transformer en image fixe ni changer sa vitesse de lecture.

1. 1

   Ajoutez votre GIF

   Glissez un GIF animé sur la zone de dépôt, ou cliquez pour parcourir. Le WebP animé et l'APNG fonctionnent aussi. Le fichier est lu sur votre appareil et n'est jamais envoyé.

2. 2

   Réglez le cadre de rognage

   Tracez un rectangle sur l'image, tirez l'une des huit poignées, ou tapez des valeurs exactes de gauche, haut, largeur et hauteur. Choisissez d'abord un rapport d'aspect si le résultat doit tenir dans un emplacement fixe.

3. 3

   Vérifiez ce qui bouge

   Appuyez sur Afficher la zone d'action. Un contour en pointillés apparaît autour de tout ce qui change sur l'ensemble de l'animation : vous voyez ainsi si votre cadre couperait le sujet sur une image que vous ne regardez pas.

4. 4

   Rognez et téléchargez

   Appuyez sur Rogner, puis sur Télécharger. Le délai de chaque image, le nombre de boucles et la transparence éventuelle ressortent inchangés : l'animation se lit exactement comme avant, en plus petit.

Presque tous les GIF arrivent avec quelque chose dedans dont vous ne vouliez pas. Une capture d'écran enregistre la fenêtre entière alors que la partie intéressante est un seul panneau. Un clip tiré d'une vidéo traîne des bandes noires en haut et en bas parce que la source était au format large et l'export non. Un GIF de réaction a un filigrane dans le coin, ou trente pixels de fond d'écran le long d'un côté. Le rognage, c'est ce par quoi le fichier cesse d'être un enregistrement pour devenir la chose que vous vouliez montrer — et contrairement à la mise à l'échelle, il ne coûte rien en qualité, car les pixels qui survivent sont exactement les pixels qui sont entrés.

Tracez un rectangle ou tapez des coordonnées exactes, coupez les bords unis et transparents d'un seul geste, et voyez où l'animation bouge avant de couper.

Lit le GIF, le WebP animé et l'APNG. Écrit un GIF89a standard en conservant les délais par image, le nombre de boucles et la transparence.

Ce que couper les bords apporte réellement

• L'attention. Une capture d'écran de 1200 pixels affichée dans une colonne de 700 montre tout au lecteur en taille moitié. Rogner sur le panneau qui compte lui montre une seule chose en taille réelle.
• Des octets, proportionnellement. Pour un GIF, le poids du fichier suit de près le nombre de pixels. Garder la moitié de l'image retire à peu près la moitié des données et, contrairement à une baisse de palette, ne retire rien que vous puissiez voir.
• Un emplacement qui va. Les cases d'emoji, les cadres d'avatar et les fils sociaux sont des formes fixes. Rogner à la forme, c'est la différence entre remplir l'emplacement et s'y retrouver encadré de bandes selon les règles de quelqu'un d'autre.
• Ce qu'il y a dans le coin. Un curseur, une barre des tâches, une notification, un filigrane, une bande d'une autre application. Le rognage est la seule modification qui les supprime complètement au lieu de les recouvrir.

Rogner une image fixe, ce sont quatre nombres et une copie. Un GIF animé est une pile d'images, et le format rend fausse presque toute hypothèse que vous aimeriez faire à leur sujet. Une image n'a pas nécessairement la taille de l'animation : elle peut légalement être un rectangle plus petit décalé, ne stockant que la région qui a changé depuis la précédente. Chaque image porte une méthode d'élimination indiquant quoi faire de l'image précédente avant de la dessiner — la laisser, restaurer le fond, ou restaurer ce qui s'y trouvait avant. Chacune peut déclarer sa propre couleur transparente, et chacune peut porter sa propre palette. Un outil qui traite les images stockées comme des photos et les coupe là où l'utilisateur a pointé produit une sortie qui scintille, laisse des fantômes, ou perd des images entières.

Ce qui arrive ici à chaque image

• Composer. Chaque image est dessinée sur un canevas à la taille logique de l'animation, en honorant son décalage, sa méthode d'élimination et sa transparence, de sorte que ce qui est coupé est l'image qu'un spectateur verrait vraiment, et non le fragment que le fichier a stocké.
• Couper, une seule fois. Le rectangle de rognage, le masque ovale si vous en avez choisi un, et la taille de sortie sont appliqués en un seul dessin sur votre matériel graphique. Pour une chaîne graphique, rogner et mettre à l'échelle sont la même opération : demander les deux ne coûte donc pas plus que demander l'une.
• Requantifier. Une palette est construite à partir d'un échantillon réparti sur toute l'animation, pas à partir de la première image, puis chaque pixel y est associé. La construire image par image est ce qui fait dériver visiblement les couleurs d'une image à l'autre dans d'autres outils.
• Réoptimiser. Les zones inchangées entre images sont de nouveau marquées transparentes à la nouvelle taille. C'est de là que vient l'essentiel du poids d'un GIF, et c'est ce qui empêche un rognage d'alourdir le fichier.

Le problème du scintillement, et pourquoi il n'y a aucun réglage pour cela

L'outil de rognage de GIF le plus connu du web propose trois moteurs de rognage différents et une page d'aide expliquant que son moteur rapide par défaut casse les animations utilisant la différence entre images, que le plus lent fonctionne mais supprime toute optimisation et produit des fichiers plus lourds, et que le troisième a une moins bonne qualité parce qu'il n'applique pas d'anticrénelage. Cela fait trois façons d'avoir tort présentées comme un choix. L'étape de composition décrite plus haut supprime la question : aucun chemin à travers cet outil ne coupe un fragment stocké au lieu de l'image composée, il n'y a donc rien entre quoi basculer et aucune configuration capable de produire un fantôme.

Deux des commandes présentes ici viennent de la même mesure. Appuyez sur l'une ou l'autre et l'outil décode l'animation une fois puis répond à deux questions à son sujet : où est le contenu, et où est le mouvement. Les deux réponses sont calculées sur toutes les images, jamais à partir de la première, et cette distinction est tout l'enjeu.

• Le cadre de contenu. Le fond est lu aux quatre coins de la première image — une couleur unie ou de la transparence — et le cadre de contenu est le rectangle le plus serré contenant tout ce qui n'est pas ce fond, réuni sur toutes les images. Couper les bords règle votre rognage dessus.
• Le cadre d'action. Le rectangle le plus serré contenant chaque pixel qui change d'une image à la suivante. Afficher la zone d'action le dessine en pointillés par-dessus l'image, et l'outil vous prévient si votre rognage l'entamait.
• La tolérance. À quel point on peut s'écarter de la couleur de fond en comptant encore comme du fond. Zéro signifie une correspondance exacte, ce qui est juste pour une couleur plate et faux pour tout ce qui vient d'une vidéo, où les bandes sont tramées de quelques niveaux. Montez-la jusqu'à ce que le contour se cale sur l'image.

Pourquoi l'union sur toutes les images est la seule réponse correcte

Imaginez une animation où un petit point voyage de gauche à droite dans un champ vide. Sur la première image, le contenu est un carré de dix pixels près du bord gauche. Rognez là-dessus et vous obtenez un GIF de dix pixels montrant un point qui quitte immédiatement l'image — un résultat net, un téléchargement qui marche, et complètement faux. Le contenu de l'ANIMATION est l'union du contenu de toutes les images, ce qui fait dans cet exemple cent soixante pixels de large. Cet outil mesure cette union, et elle est vérifiée face à une implémentation indépendante qui parcourt chaque pixel de chaque image sans raccourci, exactement sur ce fichier de test.

L'erreur la plus courante est de rogner selon ce qui paraît juste sur l'image actuellement à l'écran. Une animation n'est pas une image, et celle que vous regardez par hasard ne la représente pas — c'est à cela que sert la surcouche de zone d'action. La deuxième plus courante est de rogner vers un nombre qui sonne bien plutôt que vers celui que la destination utilise. Découvrez à quelle taille la cible rend réellement avant de taper quoi que ce soit.

Par matériau

• Captures d'écran. Rognez sur le panneau, pas sur la fenêtre. Laissez quelques pixels de marge autour de tout élément bordé, sinon la bordure se lit comme un défaut d'affichage plutôt que comme une partie de l'interface.
• Clips issus de vidéo. Appuyez sur Couper les bords avec une tolérance autour de 8 à 16. Les bandes noires d'un export vidéo ne sont presque jamais d'un noir pur, donc une tolérance de zéro les laisse en place.
• Pixel art et sprites. Rognez sur des multiples exacts de la grille du sprite et, si vous mettez aussi à l'échelle, utilisez des multiples entiers avec le mode de rééchantillonnage Pixel. Une échelle non entière de pixel art donne des blocs inégaux même au plus proche voisin.
• Tout ce qui a un sujet en mouvement. Affichez d'abord la zone d'action et assurez-vous que votre cadre la contient. S'il ne le peut pas, c'est que le sujet sort de l'image dans la source, et le rognage n'y peut rien — coupez plutôt l'animation dans le temps.

Les rapports d'aspect, et à quoi ils servent

Le carré est pour les emoji, les avatars et tout ce qui va dans une grille. 4:3 et 3:2 correspondent aux anciennes captures d'écran et à la sortie des appareils photo. Le 2:1 est la forme large des bannières, et le nombre d'or est là parce que le rogneur le plus connu de cette catégorie le propose et que les gens le demandent par son nom. 16:9 est la forme de presque toute source vidéo : c'est donc ce que vous voulez quand vous avez rogné un clip et qu'il doit continuer à se lire comme un clip. 9:16 est la forme verticale plein écran utilisée par les Stories, les Reels et les Shorts, et 4:5 est la forme la plus haute qu'une publication du fil Instagram affiche sans la rogner elle-même. Original verrouille le rapport que le fichier a déjà, ce qui est le bon choix quand vous retirez une bordure et voulez que le résultat garde ses proportions.

Rogner en ovale

Réglez la forme sur Ovale et le rognage conserve la plus grande ellipse qui tient dans votre rectangle, en dégageant les quatre coins vers la transparence ou vers une couleur de votre choix. C'est le même dessin unique — l'ovale est un masque posé sur l'opération qui avait déjà lieu, pas une seconde passe — donc la cadence, le nombre de boucles et le nombre d'images restent aussi intacts qu'avec un rectangle. Une limite honnête, et elle appartient au format plutôt qu'à cet outil : un GIF stocke la transparence dans une seule case de palette, pas dans un canal alpha, donc le bord de l'ovale est net. Un pixel est dedans ou dehors, sans dégradé, et c'est pourquoi un ovale sur un fond chargé se lit mieux avec une couleur unie autour qu'avec de la transparence.

• Documentation et fichiers README. Rognez l'enregistrement sur la commande démontrée. Un lecteur qui suit des instructions n'a pas besoin de voir le reste de la fenêtre, et chaque pixel de celle-ci, ce sont des octets qu'il télécharge.
• Emoji personnalisés. Carré, rogné au plus près du sujet, puis mis à l'échelle en 128 sur 128 dans la même passe. Discord et Slack utilisent tous deux cette taille pour les emoji personnalisés.
• Rapports de bug et fils d'assistance. Rogner, c'est aussi caviarder : un rognage supprime physiquement ce qui était dans le coin, là où un flou ou un rectangle noir le laisse dans le fichier.
• Publications sociales. Les fils encadrent de bandes tout ce qui n'est pas à leur forme. Rogner d'abord en 9:16 ou 4:5, c'est ainsi que l'animation remplit l'espace au lieu de rester dans un bandeau gris.

Des tailles et des formes à retenir

Les emoji personnalisés de Discord et Slack font 128 sur 128. X affiche les images en ligne jusqu'à 506 pixels de large. La colonne d'un README GitHub fait 768 en pleine largeur et environ 700 en pratique, et la plupart des thèmes de documentation se situent entre 680 et 760. Les publications du fil Instagram s'affichent en 1080 de large et acceptent le 1:1, le 4:5 et le 1,91:1 ; les Stories et les Reels sont en 9:16. Tout ce qui dépasse la colonne d'accueil, ce sont des octets que le lecteur télécharge et ne voit jamais.

La liste d'entrée est fermée et appliquée au niveau de la boîte de dialogue de fichiers, pas du moteur : un fichier que cet outil ne sait pas ouvrir est refusé en quelques millisecondes avec un lien vers l'outil qui le sait, plutôt qu'accepté puis mis en échec derrière un indicateur de chargement.

• GIF en entrée. Animé ou à image unique, entrelacé ou non, avec palette globale ou une palette locale différente à chaque image. Les images qui ne sont qu'un sous-rectangle décalé sont composées sur le canevas complet avant toute coupe.
• WebP animé et APNG en entrée. Les deux sont lus par nos propres démultiplexeurs sur tous les navigateurs plutôt que par un décodeur natif, donc images et minutage sont identiques partout.
• GIF en sortie, toujours. Un GIF89a standard avec table de couleurs globale, délais par image, méthodes d'élimination et une extension de boucle Netscape portant le nombre de boucles de la source elle-même.
• Tout le reste est refusé avec un itinéraire. Une vidéo est renvoyée vers Vidéo vers GIF, une image fixe vers le Créateur de GIF. Ni l'un ni l'autre n'est décrit comme une erreur de votre fichier, car ce n'en est pas une.

Ce que l'outil lit

Le GIF est décodé nativement là où le navigateur a un décodeur pour cela, et par notre propre lecteur partout ailleurs, si bien qu'une animation s'ouvre de la même façon dans tous les navigateurs au lieu d'arriver sous forme de première image. Le WebP animé et l'APNG passent toujours par notre lecteur, ce qui garde le nombre d'images et le minutage identiques d'un moteur à l'autre. Un détail mérite d'être nommé : le décodeur natif rapporte le nombre de répétitions d'un GIF en boucle infinie comme l'infini, ce qui n'est pas un nombre qu'un fichier GIF peut stocker — il est retraduit en zéro, l'encodage que le format utilise lui-même pour « toujours », au lieu d'être écrit tel que l'arithmétique l'a produit.

Limites de taille et de lot

• Gratuit. Un fichier jusqu'à 50 Mo et jusqu'à 300 images, sortie jusqu'à 2048 pixels sur le grand côté. En pleine qualité, et avec toutes les commandes de cette page : l'offre gratuite n'est pas un rognage dégradé, c'en est un à un seul fichier.
• Pro. Jusqu'à 20 fichiers d'un coup, téléchargés en une seule archive ZIP, sans plafond de dimensions imposé. Le lot est ce que Pro achète ici, car rogner un dossier de captures une par une est la vraie corvée.
• La limite commune aux deux offres. Chaque image est décompressée en couleurs complètes pendant son traitement, donc un budget mémoire borne le travail avant qu'il ne démarre, au lieu de laisser l'onglet cesser de répondre pendant que l'indicateur de progression continue de tourner.

Rien n'est envoyé. Le fichier est décodé image par image sur votre machine, chaque image est composée et coupée, une palette est construite pour toute l'animation, les zones inchangées sont de nouveau marquées transparentes, et le résultat est écrit en GIF89a standard. Tout cela tourne dans un fil d'arrière-plan pour que la page reste réactive, et la coupe elle-même tourne sur votre matériel graphique lorsqu'il est disponible.

Pourquoi le même fichier se rogne identiquement à chaque fois

• Un quantificateur déterministe. La coupe médiane, pas le quantificateur neuronal aléatoire qu'utilisent la plupart des bibliothèques GIF, donc la même entrée avec les mêmes réglages donne toujours une sortie identique octet pour octet.
• Des résultats identiques sur tous les chemins. Les chemins accéléré graphiquement et processeur doivent produire les mêmes octets, pas seulement des octets voisins — un chemin choisissant une autre entrée de palette se verrait comme un scintillement de couleur entre images.
• Une géométrie vérifiée par une autre implémentation. Le rognage est comparé pixel par pixel à libvips découpant le même rectangle dans le même fichier, et la détection des bords à un balayage distinct qui lit chaque pixel de chaque image.

Ce qu'un outil de rognage ne doit pas changer

Quatre choses doivent ressortir exactement comme elles sont entrées : le délai propre de chaque image, la durée totale de lecture, le nombre de boucles, et quels pixels sont transparents. Un outil qui retemporise une animation en la rognant produit un GIF parfaitement valide qui se lit simplement à la mauvaise vitesse ; un outil qui aplatit la transparence rend une image entourée d'un cadre blanc ; un outil qui laisse le nombre de boucles par défaut transforme une animation en trois lectures en une animation sans fin. Les quatre sont mesurées ici à chaque exécution plutôt que supposées, et les chiffres figurent sur la ligne de résultat pour que vous puissiez les lire.

Résultats mesurés

• Précision du rognage Zéro. Le plus grand écart par canal entre notre rognage et libvips découpant le même rectangle est de 0 sur 255 — un rognage ne rééchantillonne rien, c'est donc une égalité et non une tolérance.
• Détection des bords Exacte sur un fichier de test de 160 sur 120 avec une marge de 40 sur 30 : 40, 30, 80 sur 60, en accord avec un balayage indépendant de tous les pixels.
• L'union sur toutes les images 160 pixels de large contre les 10 qu'un balayage d'une seule image donnerait, sur un fichier de test à point mobile — la différence entre un rognage correct et un rognage faux avec assurance.
• Vitesse 100 images de 480×270 rognées en 400×200 en 145 ms ; la passe d'analyse de toute l'animation sur le même fichier en 68 ms.

Le rognage est accéléré matériellement lorsque votre appareil le permet, et les chemins accéléré et de repli sont vérifiés comme produisant une sortie identique octet pour octet. Le rognage lui-même est confronté pixel par pixel à une bibliothèque d'image indépendante. Mesuré sur la machine de référence : 100 images de 480×270 rognées en 145 ms. Tout se fait sur votre appareil, pas sur nos serveurs.

• Redimensionneur de GIF
• Compresseur GIF
• Créateur de GIF
• Vidéo vers GIF
• Éditeur de GIF
• Tous les outils GIF