Comment réduire l'animation. Redimensionner un GIF : rien de plus simple ! Changer la vitesse d'animation

Les gifs animés sont très populaires sur les réseaux sociaux et on les retrouve souvent sur les sites de divertissement. En utilisant des gifs, vous pouvez montrer le moment le plus réussi d'une vidéo ; des captures d'écran gif démontrent clairement les étapes de travail dans un programme ou un service. Les captures d'écran Gif sont également utilisées pour montrer le fonctionnement des éléments du site Web, par exemple un menu déroulant. Avant de télécharger les fichiers pour l'installation, l'utilisateur peut se familiariser avec son travail grâce à l'animation GIF. Vous pouvez créer et télécharger vos propres images amusantes animées, pour cela vous aurez besoin d'une application Android

Cependant, les GIF présentent également un inconvénient principal : ils sont de grande taille et, par conséquent, la vitesse de chargement des pages Web sur lesquelles ils se trouvent ralentit considérablement. Pour pallier ces défauts, je vous propose de consulter la liste des outils qui vous aideront à optimiser (réduire la taille) des animations GIF.

Rétrécir O'Matic

Il s'agit d'un programme Windows simple permettant d'optimiser les images GIF. Il est également capable d'effectuer des actions simples avec des images, telles que la rotation, le redimensionnement, la modification du nom et de l'emplacement du fichier et le traitement par lots. Formats disponibles pour le traitement : GIF, JPEG, PNG.

ImageOptim

Ce programme fonctionne sur la plateforme Mac. Il est conçu pour compresser les gifs jusqu'à 60 à 80 % et plus sans perte de qualité.

FileOptimizer est un outil avancé pour compresser les animations GIF. Le programme a une interface simple, il peut donc être utilisé aussi bien par les utilisateurs débutants que expérimentés.

Autres formats pris en charge : JPEG, PNG, SWF, TIFF, BMP, ICO

Fonctionne sur les plateformes : Windows, Mac OS, Linux

Images de FILEminimizer

La compression des images atteint 98 % et plus grâce à des technologies d'optimisation propriétaires. Il existe 4 niveaux de compression pour les fichiers GIF. De plus, le programme vous permet de télécharger des photos directement sur Facebook.

Formats : JPG, BMP, TIFF, PNG, EMF | Plate-forme : les fenêtres

ÉMEUTE

J'ai aimé ce programme plus que d'autres. Vous pouvez contrôler la compression des GIF, le programme affiche la taille des fichiers source et de sortie, il existe un aperçu grâce auquel vous pouvez évaluer visuellement la perte de qualité. Inconvénient : Un gif animé se transforme en une image statique ordinaire.

Optimiseur GIF

Un programme simple pour optimiser l'animation GIF. Le programme n'a que trois boutons - ouvrir - ouvrir un fichier, optimiser - optimiser et Enregistrer sous - enregistrer sous. Vous pouvez contrôler la compression via le menu Paramètres.

2019-04-24

En visitant divers sites Web, chacun d'entre vous est tombé sur des images GIF lumineuses et sautantes qui attirent l'attention des lecteurs.

J'en ai utilisé un moi-même - cela a attiré l'attention sur mon formulaire d'abonnement.

Mais l’animation gif pèse trop, elle ralentit donc considérablement le chargement du blog sur l’ordinateur de l’utilisateur.

Le service speedpage m'a gentiment signalé ce problème lorsque je vérifiais la vitesse de chargement de mon blog. On m'a conseillé de modifier l'image elle-même, et pas seulement de réduire ses dimensions en HTML.

Je suis d'accord avec les images ordinaires, je les fais avant de les télécharger sur le blog.

Vous avez vu une image gif sur un site Web, vous l'avez aimé et vous vouliez l'insérer dans la barre latérale (widgets) :

  • faites simplement glisser l'image sur votre ordinateur dans un dossier (pas dans un document). Plus tard, vous l'ouvrirez via Internet et recevrez le code image ;
  • ou faites un clic droit pour ouvrir le code source de la page, recherchez le code de l'image et copiez-le (Ctrl+F, collez un gif dans la ligne qui s'ouvre).

Comment réduire la taille d'un GIF en ligne

Réduire la taille d'une image GIF comme d'habitude ne fonctionnait pas dans Microsoft Office Picture Manager ou Paint, l'image a cessé de sauter.

Le fait est que l'animation GIF se compose de plusieurs images regroupées dans une archive (storyboard). Lors du redimensionnement dans Microsoft Office Picture Manager ou Paint, certaines images sont perdues, n'en laissant qu'une.


Par conséquent, nous allons au service http://ru.toolson.net/. Il vous permet de redimensionner un gif en ligne et de le compresser. Il n'y a pas de fonction COMPRESS séparée, mais lorsque vous réduisez la taille, le poids de l'image diminuera automatiquement. Là, vous pouvez recadrer l'image.

Accédez à l'onglet MODIFIER le gif.

Au début, j'ai juste essayé de changer la taille de l'animation GIF :

SÉLECTIONNÉ un fichier sur mon ordinateur (une flèche sautante dont le service speedpage n'était pas satisfait de la taille) ;

Animation CHARGÉE ;

CHOISISSEZ une nouvelle largeur et hauteur (plus petite) ;

TÉLÉCHARGÉ le fichier modifié.

Je n'ai pas aimé ça, ça s'est avéré bâclé.

Gif de storyboard dans une archive zip

Cliquez sur le bouton STORYBOARD et le fichier sera téléchargé.

DÉBALLEZ l'archive zip dans un dossier séparé.

Traitez séquentiellement CHAQUE image dans le programme Paint. J'ai écrit en détail ici.

Je vous rappelle:

OUVREZ l'image dans Paint - dans le menu supérieur, sélectionnez DESSIN - ÉTIREMENT/INCLINAISON - RÉGLER le pourcentage de réduction - OK - ENREGISTRER.

Pourquoi ai-je utilisé Paint ?

Microsoft Office Picture Manager n'a pas pu obtenir le même redimensionnement. Toutes les images ont été réduites différemment, même l’arrière-plan s’est avéré différent – ​​transparent à certains endroits, pas transparent à d’autres. Il n'était pas possible d'assembler une bonne animation GIF à partir d'éléments aussi variés.

Accédez ensuite à l'onglet d'animation CRÉER un GIF.

Cliquez sur le bouton CHARGER, téléchargez tous les éléments traités un par un (j'en avais dix).

Entrez le nom de l'animation et précisez l'intervalle entre les images (j'en ai 70). Ici, vous pouvez essayer différentes valeurs. Plus l'intervalle est petit, plus l'image sautera rapidement. Modifiez l'intervalle, enregistrez et voyez si l'image se déplace correctement.

Vous pouvez également préciser les dimensions souhaitées, réaliser un joli cadre et appliquer les effets proposés.

Tout le monde aime l’aperçu ? CRÉER, le gif sera téléchargé sur votre ordinateur.

Comment faire pivoter une animation GIF

Parfois, vous n'avez pas besoin de redimensionner un gif. Il vous suffit de faire pivoter l'animation que vous aimez. Comment faire cela en ligne ?

Dans le service http://inettools.net/, sélectionnez l'onglet ROTATION DE L'IMAGE

SÉLECTIONNER une image sur votre ordinateur - TÉLÉCHARGER

SPÉCIFIEZ l'angle de rotation 90, 180, 270 degrés ou n'importe quel angle =>

ROTATION gif - TÉLÉCHARGER le fichier.

Ne vous inquiétez pas, l’image en ligne sera légèrement agrandie et floue, mais elle arrivera sur votre ordinateur sous la forme souhaitée.

C'est ainsi que j'ai réussi à réduire la taille de l'image gif et son poids (la compresser). J'espère que mes efforts auront un impact positif sur la vitesse de chargement du blog. La possibilité de faire pivoter l'animation GIF sera utile à l'avenir.

P.S. Malheureusement, l'image GIF ne s'affiche correctement que si vous visitez la page pour la première fois. Si vous glissez puis revenez, le navigateur vous donnera un cache de la page. Et l'image gif n'y sera pas visible. Je n’ai pas encore compris ce qu’on peut faire à ce sujet.

P.S. Photoshop est le meilleur choix pour un usage professionnel. En voici une simple.

Nous travaillerons avec le service en ligne EZGIF.COM.

C'est plus facile, à mon avis.

Étape 1. Sélectionnez une vidéo pour GIF sur YouTube

Laissez-moi vous montrer comment créer votre propre GIF à partir de cette vidéo :

Malheureusement, EZGIF ne fonctionne pas directement avec YouTube, vous devez donc d'abord télécharger la vidéo.

Étape 2. Téléchargez des vidéos de YouTube sur votre ordinateur

Pour ce faire, nous utilisons les services GetVideo.Org ou SaveFrom.Net.

Sélectionnez immédiatement la qualité la plus basse :

Un fichier de 35 Mo a été téléchargé.

Étape 3. Téléchargez la vidéo sur EZGIF

Accédez au service EZGIF dans la section Convertisseur vidéo en GIF.

On attend 20 secondes (c’est le temps qu’il faut pour uploader mon fichier).

Étape 4. Définir la période

Je souhaite créer un GIF pendant quelques secondes, donc à partir de la vidéo entière, je dois indiquer où se trouve le segment souhaité.

Dans mon cas, c'est : 5,2 - 8,5 secondes.

Il est important de choisir la méthode héritée (ancienne). La taille du gif résultant sera un peu plus grande, mais il sera préférable de travailler avec plus tard (les ondulations n'apparaîtront pas).

Tout va bien, mais la taille du gif résultant est de 2,26 Mo - un peu trop...

Comment réduire la taille d'un GIF ?

Il y a trois facteurs principaux :

  • taille finale en pixels,
  • durée de l'animation,
  • qualité vidéo originale,
  • nombre d'images par seconde (images).

Plus chacun des facteurs est petit, plus le GIF final sera léger.

Je vais maintenant montrer comment nous allons successivement réduire la taille de notre GIF à une taille acceptable.

Étape 5. Réduisez le nombre d'images

Pour commencer à travailler sur le GIF, cliquez sur Optimiser :

Essayons de supprimer une image sur deux (bien que vous puissiez le faire moins durement et ne supprimer qu'une image sur trois ou quatre) :

Les résultats sont impressionnants. Le GIF est devenu 2 fois plus léger :

Mais il y a un inconvénient : c'est devenu beaucoup plus rapide. La vitesse de lecture du film a doublé.

C'est pourquoi…

Étape 6. Ralentissez le GIF

Tout va bien. La vitesse est revenue à la normale !

Étape 7. Réduisez la qualité, réduisez la taille

Ce n'est pas tout. Vous pouvez compresser encore plus le gif !

Pour ce faire, cliquez à nouveau sur Optimiser.

Et sélectionnez Lossy GIF niveau 140 :

Je vous suggère d'utiliser un éditeur en ligne appelé " Ezgif.com", où vous pouvez non seulement modifier la taille des images animées, mais aussi les optimiser, c'est-à-dire réduire leur poids.

Avec l'aide de cet éditeur en ligne, vous pouvez recréer de nombreuses bannières à partir d'Internet à votre discrétion, et vous n'avez pas besoin de travailler sur la conception. Vous écrivez simplement votre texte et la bannière est prête.

Venons ici

Outils d'édition 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 éditer des 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. Recadrer une image

  2. Changement de taille

  3. Optimisation des images

  4. Ajout d'effets

  5. Changer la vitesse d'animation

  6. Analyser l'animation en images (fragments)

  7. Ajout de texte

  8. Superposer une autre image

Cela semblerait être un simple éditeur, mais quel puissant.

Examinons maintenant tous les outils répertoriés séparément.

Recadrer: un outil en ligne simple pour découper des images animées.

Téléchargez l'image, puis utilisez votre souris pour sélectionner la partie souhaitée de l'image que vous souhaitez recadrer. Cliquez ensuite " Recadrez-le" et tout est prêt.

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


Lorsque vous recadrez une image, vous pouvez définir la taille manuellement. Pour ce faire, sous l'image vous devez renseigner les champs « Gauche», « Haut», « Largeur" Et " Hauteur» saisissez les valeurs requises.

Redimensionner :À l'aide de 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 le pourcentage (Pourcentage), puis cliquer sur " Redimensionnez-le !" L'image sera réduite du pourcentage que vous avez spécifié.

Avec cet outil, vous pouvez redimensionner rapidement et facilement les images GIF. À mesure que la taille de l’image augmente, la qualité sera perdue.

Si l'image après le changement commence à afficher mal l'animation, vous pouvez essayer de définir une taille différente.

Optimiser: et avec cet outil, vous pouvez modifier la taille (poids) du fichier GIF. Le poids de l'image diminue 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, vous pouvez obtenir une taille de fichier plus petite.

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) :À l'aide de cet outil, vous pouvez retourner une image horizontalement et verticalement.

Vous pouvez également faire pivoter l’image selon un certain angle si vous définissez le degré dans le champ « Tourner" Vous pouvez attribuer une couleur différente à l'image, la rendre en noir et blanc ou lui donner une autre teinte.

Vitesse (changer la vitesse de l'animation GIF) : Cet outil est conçu pour modifier la vitesse de l'animation.

Si vous souhaitez modifier la vitesse d'animation proportionnellement à celle actuelle, utilisez un pourcentage " % de la vitesse actuelle", et pour régler le délai entre les images, vous devez utiliser la méthode " " Paramètre " centaines de secondes entre les images» définit le délai entre les images en centièmes de seconde (1/100)

Diviser (diviser l'image GIF en images) : euh Cet outil est conçu pour convertir des images GIF animées en images individuelles, 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 votre ordinateur. Pour cela, faites un clic droit sur le cadre, puis sélectionnez « Enregistrer l'image sous..." Vous pouvez également télécharger tous les cadres dans une archive zip en cliquant sur « Télécharger des cadres au format ZIP»

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

Superposition (superposition d'une autre image) : Cet outil vous permet de superposer une autre image sur une image GIF, de préférence au format PNG ou GIF.

Les fichiers graphiques animés portant l'extension GIF sont très populaires sur Internet. Cependant, de nombreux sites imposent encore des restrictions sur la taille des GIF pouvant être chargés. C'est pourquoi nous souhaitons aujourd'hui présenter des manières de modifier la hauteur et la largeur de ces images.

Puisque GIF est une séquence d’images et non une seule image, redimensionner des fichiers dans ce format n’est pas facile : vous aurez besoin d’un éditeur graphique avancé. Les plus populaires aujourd'hui sont Adobe Photoshop et son analogue gratuit GIMP - en utilisant leur exemple, nous allons vous montrer cette procédure.

Méthode 1 : GIMP

L'éditeur graphique gratuit GIMP possède des fonctionnalités étendues qui ne sont pas très inférieures à celles de son concurrent payant. Parmi les options du programme, il existe également la possibilité de modifier la taille des GIF. Cela se fait comme ceci :

  1. Lancez le programme et sélectionnez un onglet "Déposer", puis utilisez l'option "Ouvrir".
  2. A l'aide du gestionnaire de fichiers intégré à GIMP, accédez au répertoire contenant l'image souhaitée, sélectionnez-le avec la souris et utilisez le bouton "Ouvrir".
  3. Lorsque le fichier est chargé dans le programme, sélectionnez l'onglet "Image", alors - point "Mode", dans lequel cochez l'option "RVB".
  4. Ensuite, allez dans l'onglet "Filtres", cliquez sur l'option "Animation" et sélectionnez une option "Désoptimiser".
  5. Notez qu'il y a un nouvel onglet ouvert dans la fenêtre de travail de GIMP. Toutes les manipulations ultérieures doivent être effectuées uniquement dans celui-ci !
  6. Utiliser à nouveau l'article "Image", mais cette fois, sélectionnez l'option "Taille de l'image".

    Une fenêtre contextuelle apparaîtra avec les paramètres de hauteur et de largeur des images d'animation. Saisissez la valeur souhaitée (manuellement ou à l'aide des interrupteurs) et appuyez sur le bouton "Changement".

  7. Pour enregistrer les résultats, parcourez les éléments "Déposer""Exporter sous...".


    Une fenêtre apparaîtra pour sélectionner l'emplacement de stockage, le nom du fichier et l'extension. Accédez au répertoire dans lequel vous souhaitez enregistrer le fichier modifié et renommez-le si nécessaire. Puis clique "Sélectionner le type de fichier" et marquez l'option dans la liste qui apparaît "Image GIF". Vérifiez les paramètres, puis cliquez sur le bouton "Exporter".
  8. La fenêtre des paramètres d'exportation apparaîtra. Assurez-vous de cocher la case "Enregistrer comme animation", vous pouvez laisser les paramètres restants inchangés. Utilisez le bouton "Exporter" pour enregistrer l'image.
  9. Vérifiez le résultat de votre travail - l'image a été réduite à la taille sélectionnée.

Comme vous pouvez le constater, GIMP s'acquitte parfaitement de la tâche de redimensionnement des animations GIF. Le seul inconvénient est la complexité du processus pour les utilisateurs inexpérimentés et le ralentissement du travail avec des images en trois dimensions.

Méthode 2 : Adobe Photoshop

La dernière version de Photoshop est l'éditeur graphique le plus puissant du marché. Naturellement, il a la capacité de redimensionner les animations GIF.

  1. Ouvrez le programme. Tout d'abord, sélectionnez l'élément "Fenêtre". Allez dans le menu ici "Environnement de travail" et activez l'élément "Mouvement".
  2. Ensuite, ouvrez le fichier dont vous souhaitez redimensionner la taille. Pour ce faire, sélectionnez les éléments "Déposer""Ouvrir".


    Va commencer "Conducteur". Accédez au dossier dans lequel l'image cible est stockée, sélectionnez-la avec la souris et cliquez sur le bouton "Ouvrir".
  3. L'animation sera chargée dans le programme. Faites attention au panneau "Chronologie"— il affiche toutes les images du fichier édité.
  4. Pour changer la taille, utilisez l'élément "Image", dans lequel sélectionnez l'option "Taille de l'image".


    Une fenêtre permettant d'ajuster la largeur et la hauteur de l'image s'ouvrira. Assurez-vous que les unités sont réglées sur "Pixels", puis saisissez dans les champs "Largeur" Et "Hauteur" les valeurs dont vous avez besoin. Le reste des paramètres peut rester intact. Vérifiez les paramètres et cliquez sur "D'ACCORD".
  5. Pour enregistrer le résultat, utilisez l'élément "Déposer", dans lequel sélectionnez l'option "Exporter", et puis - "Exporter pour le Web (ancienne version)...".


    Il est également préférable de ne pas modifier les paramètres dans cette fenêtre, il suffit donc de cliquer sur le bouton "Sauvegarder" au bas de la zone de travail de l'utilitaire d'exportation.
  6. Sélectionnez dans "Explorateur" emplacement du GIF modifié, renommez si nécessaire et cliquez "Sauvegarder".


    Après cela, vous pouvez fermer Photoshop.

  7. Vérifiez le résultat dans le dossier spécifié lors de l'enregistrement du dossier.

Photoshop est un moyen plus rapide et plus pratique de redimensionner des animations GIF, mais il présente également des inconvénients : le programme est payant et la version d'essai est trop courte.