Compression GIF en ligne. Comment réduire le poids d'une animation Gif

Pour les liens permanents, vous pouvez utiliser : https://website/resize?url=https://example.com/image.gif

image redimensionnée :

(Veuillez être patient, le redimensionnement peut prendre un certain temps, selon la taille du fichier et la méthode de redimensionnement sélectionnée)

redimensionneur d'image en ligne

Le redimensionneur d'images en ligne d'Ezgif redimensionne, recadre ou retourne les gifs animés et autres images, avec la même qualité et la même vitesse qu'un logiciel professionnel, sans avoir besoin d'acheter et d'installer quoi que ce soit.
Utile lorsque vous devez réduire la taille du GIF ou adapter l'image à des dimensions spécifiques.

Le redimensionnement des animations GIF est parfois délicat, et vous devrez probablement choisir entre une taille de fichier ou une qualité d'image plus petite.
Certains gifs peuvent nécessiter l'option "fusionner" (qui supprime toutes les optimisations des images) si d'autres méthodes échouent et que l'image de sortie scintille ou présente des artefacts étranges, mais cela peut augmenter considérablement la taille du fichier et est très lent.

Essayez différentes méthodes de redimensionnement si vous n'êtes pas satisfait du résultat.
Gifsicle est généralement l'outil le plus rapide et produit des fichiers plus petits, mais il est conçu pour la vitesse et non pour la qualité.

Vous pouvez sélectionner l'action à effectuer si le rapport d'aspect de l'image source et la taille que vous avez choisie ne correspondent pas : centrer et recadrer l'image, étirer l'image pour l'adapter ou forcer le rapport d'aspect d'origine.

Vous pouvez également utiliser cet outil pour redimensionner les fichiers WebP, APNG, FLIF et MNG animés sans perdre l'animation, et tout autre type d'image courant.

Je vous suggère d'utiliser l'éditeur en ligne, qui s'appelle " ezgif.com”, où vous pouvez non seulement modifier la taille des images animées, mais également les optimiser, c'est-à-dire réduire leur poids.

Même avec l'aide de cet éditeur en ligne, vous pouvez refaire de nombreuses bannières à partir d'Internet à votre discrétion, et vous n'avez pas besoin de travailler sur la conception. Vous venez d'écrire votre texte et la bannière est prête.

Nous allons ici

Outils de l'éditeur en ligne "Ezgif.com"

Pour éditer rapidement des images GIF, il est préférable d'utiliser un éditeur en ligne plutôt que Photoshop. Après tout, beaucoup de gens ne savent pas comment travailler avec Photoshop, mais ici, vous pouvez modifier n'importe quelle image GIF en quelques minutes.

L'éditeur en ligne ressemble à ceci :



Éditeur "Ezgif.com" pour l'édition d'images GIF animées

Bien sûr, il n'atteint pas les fonctionnalités de Photoshop, mais il dispose de tous les outils nécessaires pour éditer des images GIF.

Fonctionnalités de l'éditeur en ligne :

  1. Recadrage d'image

  2. Changement de taille

  3. Optimisation des images

  4. Ajout d'effets

  5. Modification de la vitesse d'animation

  6. Décomposition de l'animation en images (fragments)

  7. Ajout de texte

  8. Superposer une autre image

Il semblerait que cela ressemble à un simple éditeur, mais quel puissant.

Considérons maintenant tous les outils répertoriés séparément.

Recadrage (recadrage d'image) : un outil en ligne simple pour recadrer des images animées.

Téléchargez l'image, puis utilisez la souris pour sélectionner la partie de l'image que vous souhaitez recadrer. Cliquez ensuite sur " Recadrez-le et tu as fini.

Après avoir téléchargé une image, des informations la concernant apparaissent sous cette image : taille en Ko, dimensions de l'image et nombre de cadres qu'elle contient.


Lorsque vous recadrez une image, vous pouvez définir la taille manuellement. Pour ce faire, sous l'image dont vous avez besoin dans les champs " La gauche», « Haut», « Largeur" et " Hauteur» entrez les valeurs requises.

Redimensionner (redimensionner l'image) : Avec cet outil, vous pouvez redimensionner l'image ou la recadrer. Après réduction, l'image reste de la même qualité et la vitesse d'animation ne change pas.

Dans les champs nouvelle largeur" et " Nouvelle hauteur" vous devez définir une nouvelle taille d'image, ou vous pouvez simplement spécifier un pourcentage (Pourcentage), puis cliquer sur " Redimensionnez-le !". L'image sera réduite du pourcentage que vous avez spécifié.

Avec cet outil, vous pouvez rapidement et facilement redimensionner les images GIF. Lorsque la taille de l'image est augmentée, la qualité sera perdue.

Si l'image après le changement est devenue en quelque sorte mauvaise pour afficher l'animation, vous pouvez essayer de définir une taille différente

Optimiser (optimisation): et avec cet outil, vous pouvez modifier la taille (poids) du fichier GIF. Le poids de l'image devient plus petit en réduisant le nombre de couleurs dans chaque image. Chaque image GIF contient jusqu'à 256 couleurs uniques, mais en réduisant la quantité de couleur, une taille de fichier plus petite peut être obtenue.

L'optimisation comporte de nombreuses méthodes, mais vous pouvez choisir la meilleure option pour que la qualité de l'image reste bonne. En savoir plus sur l'optimisation sur le site Web.

Effets (effets, changement de couleur de l'image) : Avec cet outil, vous pouvez retourner l'image horizontalement et verticalement.

De plus, l'image peut être tournée à un certain angle, si vous définissez le degré dans le champ " Tourner". Vous pouvez attribuer une couleur différente à l'image, la mettre en noir et blanc ou lui donner une autre teinte.

Vitesse (modification de la vitesse d'animation GIF): cet outil sert à changer la vitesse d'animation.

Si vous souhaitez modifier la vitesse d'animation proportionnellement à celle en cours, utilisez alors le pourcentage " % de la vitesse actuelle", et pour définir le délai entre les images, vous devez utiliser le " ". Paramètre " centièmes de secondes entre les images» définit le temps de retard entre les images en centièmes de seconde (1/100)

Diviser (diviser l'image GIF en cadres): e Cet outil est conçu pour convertir des images GIF animées en images séparées, après quoi chaque image peut être modifiée séparément.

Toutes les images de l'image animée peuvent être téléchargées sur un ordinateur. Pour cela, faites un clic droit sur le cadre, puis sélectionnez " Enregistrer l'image sous... ". De plus, tous les cadres peuvent être téléchargés dans une archive zip en cliquant sur " Télécharger les cadres au format ZIP»

Écrire (ajouter du texte) : e Cet outil vous permet d'ajouter du texte aux animations GIF. Vous pouvez ajouter du texte à l'intégralité du GIF ou à des cadres individuels. Le texte sur l'image peut être déplacé avec la souris.

Superposer (superposer une autre image) : cet outil permet de superposer une autre image sur une image GIF, et il est souhaitable qu'elle soit au format PNG ou GIF.

Sur Internet, le format GIF est considéré comme l'un des plus courants. La grande popularité est due au fait que le fichier gif a un algorithme de compression impressionnant, prend en charge la fonction de transparence. Par conséquent, créez une animation avec bannières publicitaires aussi simple que de lancer le ballon dans un filet vide.

Certes, il y a une petite nuance. De temps en temps, les concepteurs sont confrontés à la nécessité de redimensionner les GIF. Quelqu'un doit le réduire, d'autres doivent l'augmenter. Comment éditer un tel contenu ? Par exemple, le recadrer ou le compresser ? Auriez-vous un ordinaire fichier jpeg, de telles questions ne se poseraient pas. Serrez-le dans éditeur graphique même sans connaissances particulières. Juste quelques clics de souris - et le travail est parfaitement fait.

Comment éditer un GIF

Comme vous le savez, la plupart des éditeurs graphiques travaillent exclusivement avec des images fixes. Spécialement pour vous, nous avons créé une sélection des programmes les plus efficaces pour compresser ces fichiers, les recadrer et poursuivre le traitement de l'animation. Désormais, vous n'aurez plus de questions sur la façon dont les gifs sont compressés en ligne. Choisissez un programme dans la liste - nous vous souhaitons une agréable utilisation !

Redimensionnement GIF

Un éditeur unique dans tous les sens qui permet de changer la taille des GIF en quelques clics. Pour ce faire, vous devez effectuer des étapes élémentaires :

  • Exécutez le programme.
  • Trouvez le bouton "Redimensionner" dans le menu et cliquez dessus.
  • En cliquant sur le bouton "Parcourir", sélectionnez le fichier qui vous intéresse.
  • Entrez les paramètres requis (longueur et largeur).
  • Cliquez sur "Appliquer" et attendez quelques secondes.
  • Fait - les dimensions du contenu animé sont maintenant comme prévu.
Interface de redimensionnement GIF

De plus, en utilisant GIF Resizer, vous pouvez résoudre les tâches suivantes :

  • Changer de format.
  • Supprimez le logo de l'animation.
  • Réduire/augmenter la taille de l'image animée.
  • Convertir GIF en JPG, décomposer en cadres séparés.
  • Convertir en PNG.

Nous ne nous attarderons pas sur cette fonctionnalité, car nous ne nous intéressons qu'à la compression des animations au format GIF. Sachez simplement que face à une variété de tâches d'édition d'animation, il est logique d'utiliser Resizer .

Ezgif

Un service premium qui vous permet de compresser les fichiers GIF et PNG. De plus, il dispose de nombreux outils différents qui vous permettent d'appliquer l'effet.

Comment utiliser ezgif ? Ouvrez la page principale du service, cliquez sur "Parcourir". Lorsque le fichier est sélectionné, il ne reste plus qu'à cliquer sur Upload. Diverses options de compression seront disponibles après le téléchargement. Plus Meilleure option dans le rapport taille/qualité - Medium.

Compresseur GIF

intéressant à sa façon programme GIF Compresseur. Elle peut compresser l'animation en seulement 2 compressions simples. Vous pouvez le faire avec plusieurs fichiers à la fois. Taille maximum fichier gif - 50 Mo.

Quelle application avez-vous le plus aimé ?

Bonjour à tous ceux qui lisent en ce moment. Aujourd'hui, je vais vous parler de mes différentes façons de réduire la taille (poids) d'une image, d'une capture d'écran, d'une photo, d'une animation Gif sans perdre en qualité pour l'insertion dans un site.

Réduire la taille de l'image de différentes manières

Chaque image ou image, appelez-la comme vous voulez ;), a sa propre taille, qui se compose de plusieurs moments, ce sont la hauteur verticale, la largeur horizontale (px) et le poids - kilo-octet (Ko), mégaoctet (Mo).

La réduction de la taille (poids) de l'image aura un effet positif sur la vitesse de chargement du site - les performances Web, et aidera également à économiser de l'espace sur l'hébergement, l'ordinateur, le lecteur flash.

D'accord, les images prises sur des appareils photo professionnels (DSLR) peuvent parfois peser plus de 2 mégaoctets et mesurer 2500 px de large. Si une telle image non compressée est insérée dans le site, cela augmentera considérablement le temps de chargement, pour lequel PS impose aujourd'hui un filtre, notamment pour Google PS.

La première consiste à optimiser l'image avant de la télécharger sur le site dans Photoshop

Je dois dire que c'est le moyen le plus populaire de redimensionnement et de compression de photos parmi les propriétaires de sites. Il convient également aux internautes ordinaires. Dans le même temps, les actions effectuées par ce programme sont minimes, ce qui est également important pour les blogueurs novices.

  • 1. Ouvrir nouveau fichier Avec de l'aide Programmes Photoshop puis cliquez sur "Enregistrer pour le Web".
  • 2. Une nouvelle fenêtre s'ouvre, dans laquelle nous définissons les paramètres nécessaires : qualité, format et dimensions de l'image.

Ainsi, il suffit de changer la qualité des nombres élevés de 60 aux valeurs moyennes de 30-50 pour réduire considérablement le poids. La qualité souhaitée peut servir de ligne directrice. Dans la fenêtre d'aperçu, contrôlez le degré de modification de l'image.

En ce qui concerne le format d'image, je choisis d'enregistrer au format Jpeg s'il s'agit d'une photo couleur, et si j'ai besoin d'enregistrer la transparence du calque ou une capture d'écran en noir et blanc, alors, en règle générale, c'est le format Png pour que le texte et les chiffres sont lus plus clairement. Au sujet de Photoshop, lisez : utiliser ce programme.

Je change la taille de l'image (en pixels) dans la même fenêtre, ce qui est pratique. Je clique sur "Enregistrer" puis j'écris le nom du fichier en latin.

La deuxième façon de compresser des images à l'aide de services en ligne

Pour être honnête, j'utilise rarement cette méthode. Cependant, ces services permettent de compresser plusieurs images (par lots) à la fois sans perte de qualité, ce qui affecte la productivité. Ce sont les services bien connus krakin.io, TinyPNG ; compressionpng et autres.

Je vais vous en dire un de plus - c'est Optimizilla, que j'ai testé et j'ai vraiment aimé les résultats. Essayez-le aussi.

La capture d'écran montre qu'une photo JPEG pesant 60 Ko a été chargée dans le système. Le service l'a automatiquement compressé de 39% à 37 Ko, mais visuellement, la qualité n'a pratiquement pas été affectée.

À l'aide d'un curseur pratique ou de signes [+ -], vous pouvez jouer avec la qualité de l'image ; zoomez sur la photo et considérez à nouveau tous les détails après compression, avant d'enregistrer. Il s'agit d'une fonction de prévisualisation de photos très pertinente pour les sites avec un portfolio de photographe, des voyages, des ressources pour femmes, des magasins en ligne, où des images de produits de haute qualité sont importantes.

Redimensionner la hauteur et la largeur d'une image

Le processus de redimensionnement de la largeur et de la hauteur de l'image, je pense qu'aujourd'hui n'est plus difficile pour personne. Cela peut être fait à la fois en ligne et dans l'éditeur graphique standard Paint ou le plus pratique Paint.NET.

Ouvrez un nouveau fichier dans le programme, cliquez sur "Redimensionner", notez-le en pixels, tout en conservant les proportions. D'ACCORD.


Modifier le poids d'une image Gif en ligne

Dans cette partie de l'article, je vais vous expliquer comment compresser rapidement non seulement des images en JPEG, PNG, SVG, mais aussi en Gif. Les gifs pèsent beaucoup, il y a donc beaucoup de demandes sur la façon de réduire le poids des images gif sans perdre d'animation et sans effort supplémentaire).

  • Utilisons le premier service en ligne Compresseur.io .

Compressor.io est un puissant outil en ligne pour réduire considérablement la taille de votre photos numériques et animations GIF. Il vous permet d'enregistrer des images de haute qualité, utilise deux types de compression, où il y a une différence et il n'y a pas de différence avant et après la compression. C'est ainsi qu'ils caractérisent leur service, et sur page d'accueil cela peut être vérifié.

Voir la capture d'écran pour un exemple de compression d'animation Gif. Vous pouvez télécharger une image optimisée d'une manière pratique pour vous : sur un ordinateur, enregistrer sur Dropbox, Google Drive (drive.google.com).

  • Deuxième prestation Optimiseur d'image en ligne.

Le nom du service parle de lui-même. Online Image Optimizer optimise facilement différents formats d'image, y compris l'animation Gif. Téléchargez simplement l'image et cliquez sur "Optimiser". De plus, le service Online Image Optimizer permet de créer rapidement non seulement un favicon pour le site, mais dispose également de nombreux outils en ligne utiles dans son arsenal.


  • La troisième voie est un programme d'application SuperGIF pour macOS et Windows.


Vous pouvez acheter une version payante de SuperGIF ou télécharger gratuitement une démo, qui a des fonctionnalités limitées.

En russe officiel versions de Photoshop Depuis des temps immémoriaux, l'option "Dithering" a été traduite par "Dithering", ce qui est, pour le moins, une inexactitude. Dans ce contexte, "Dithering" signifie "lissage", lissage des transitions d'une couleur à l'autre.
Étant donné que les fichiers GIF contiennent un nombre limité de couleurs, pour améliorer l'apparence de l'image, vous devrez peut-être créer des transitions entre les couleurs individuelles, et pour ce faire, vous devrez simuler les couleurs manquantes. Pour créer ces couleurs, il existe l'option "Dithering". Au total, il existe quatre algorithmes pour une telle imitation d'anti-aliasing - "No dither", "Random", "Regular" et "Noise":

Considérons les algorithmes plus en détail (j'espère que tout est clair avec le mode "No dithering").

Utilisation de l'algorithme "Aléatoire"(Diffusion), nous pouvons ajuster la quantité de lissage.
Dans les algorithmes "Ordinaire"(Modèle) et "Bruit" Les paramètres (bruit) manquent, Photoshop fait tout automatiquement.

Pour certaines images, "Dithering" est simplement nécessaire, mais vous devez vous rappeler que plus sa valeur est grande, plus la taille du fichier est grande, car. il ajoute des pixels multicolores à proximité les uns des autres pour simuler des couleurs secondaires ou des dégradés de couleurs lisses.

4. Autres paramètres

"Pertes"(Lossy) - contrôle du niveau de perte informations visuelles avec anti-aliasing, qui peut réduire la taille du fichier, mais aussi dégrader la qualité de l'image. Disponible lorsque l'option "Entrelacé" est désactivée.

"Transparence"(Transparence) - il est logique de l'activer si l'image contient des zones transparentes. Les algorithmes d'anticrénelage fonctionnent sur le principe de l'option "Dithering" et portent le même nom.

5. Comparaison des versions originales et optimisées

Une fois que vous avez ajouté vos paramètres à la boîte de dialogue Enregistrer pour le Web, la version optimisée a changé, et presque toujours au détriment de la qualité. Vérifiez attentivement le résultat, comparez-le avec la source :

Vous pouvez afficher l'animation et également définir les options de répétition - une fois, en continu ou définir votre propre nombre de répétitions :

Si vous êtes satisfait du résultat, passez à l'étape suivante - enregistrer l'animation.

6. Ajustez l'optimisation de l'animation à la taille de fichier spécifiée

Cette option est également disponible lors de l'enregistrement d'une animation dans Photoshop. Vous pouvez définir la taille du fichier de sortie et, sur cette base, Photoshop s'optimisera en ajustant la taille du fichier à la taille que vous avez spécifiée.

Cliquez sur le bouton dans le coin supérieur droit et sélectionnez la ligne "Optimiser pour la taille du fichier" (Optimiser pour la taille du fichier)

7. Prévisualiser l'animation dans le navigateur, en enregistrant les paramètres d'optimisation

Après avoir sélectionné paramètres souhaités, enregistrez-les dans un ensemble. Cliquez sur l'icône dans le coin supérieur droit de la fenêtre d'enregistrement pour le Web et cliquez sur la ligne "Enregistrer les paramètres":

Nous pouvons prévisualiser l'animation avec nos paramètres dans le navigateur en cliquant sur le bouton dans le coin inférieur gauche de la fenêtre :

Non seulement l'animation sera affichée, mais également toutes les données du fichier GIF - volume, dimensions linéaires, etc., ainsi que le code HTML. Par exemple, j'ai pris l'animation de ce tutoriel :

Si vous aimez tout, enregistrez le fichier. Pour ce faire, cliquez sur le bouton "Enregistrer" dans le coin inférieur droit de la boîte de dialogue. Une nouvelle fenêtre s'ouvre, où nous sélectionnons le chemin, définissons les paramètres comme indiqué sur la figure (ce sont les paramètres par défaut), cliquez sur le bouton "Enregistrer":

L'animation sera enregistrée. Si vous n'aimez toujours pas quelque chose, vous pouvez l'optimiser à nouveau en utilisant l'ensemble de paramètres enregistré.

Partager