Optimisation des images pour le format GIF ou PNG-8

Dernière mise à jour le 17 mai 2022

A propos du format GIF

Le format GIF utilise des couleurs 8 bits et compresse efficacement les zones de couleur unie tout en préservant les détails nets comme ceux des dessins au trait, des logos ou du texte.Vous pouvez également utiliser le format GIF pour créer une image animée et préserver la transparence d'une image.Le format GIF est pris en charge par la plupart des navigateurs.

Le format GIF utilise la compression LZW, qui est une méthode de compression sans perte.Cependant, les fichiers GIF étant limités à 256 couleurs, l'optimisation d'une image 24 bits d'origine en GIF 8 bits peut soustraire des couleurs d'une image.

Image GIF avec couleur sélective (à gauche) et image GIF avec couleur web (à droite)

Vous pouvez choisir le nombre de couleurs dans une image GIF et contrôler la façon dont les couleurs sont tramées dans un navigateur.Le format GIF prend en charge la transparence d'arrière-plan ou le détourage d'arrière-plan, par lequel vous fusionnez les bords de l'image avec une couleur d'arrière-plan de page web.

A propos du format PNG-8

Le format PNG‑8 utilise des couleurs 8 bits.Comme le format GIF, le PNG‑8 compresse efficacement les zones de couleur unie tout en préservant les détails nets comme ceux des dessins au trait, des logos ou du texte.

Le format PNG‑8 n'étant pas pris en charge par tous les navigateurs, vous pourriez vouloir éviter ce format lorsque vous distribuez l'image à un large public.

Le format PNG‑8 utilise des schémas de compression plus avancés que le GIF, et un fichier PNG‑8 peut être de 10 % à 30 % plus petit qu'un fichier GIF de la même image, selon les motifs de couleur de l'image.\nBien que la compression PNG‑8 soit sans perte, l'optimisation d'une image 24 bits d'origine en fichier PNG 8 bits peut soustraire des couleurs de l'image.

Annotation

Avec certaines images, en particulier celles avec des motifs simples et peu de couleurs, la compression GIF peut créer un fichier plus petit que la compression PNG‑8.Affichez les images optimisées au format GIF et PNG‑8 pour comparer la taille des fichiers.

Comme avec le format GIF, vous pouvez choisir le nombre de couleurs dans une image et contrôler la façon dont les couleurs sont tramées dans un navigateur.Le format PNG‑8 prend en charge la transparence d'arrière-plan et le détourage d'arrière-plan, par lequel vous fusionnez les bords de l'image avec une couleur d'arrière-plan de page web.

PNG‑8 avec 256 couleurs et sans tramage (à gauche), et PNG‑8 avec 16 couleurs et tramage (à droite)

Optimisation d’une image au format GIF ou PNG-8

Le GIF est le format standard pour compresser les images avec de grandes zones de couleurs unies et des détails nets comme ceux des dessins au trait, des logos ou du texte.Comme le format GIF, le PNG‑8 prend en charge la transparence et compresse efficacement les zones de couleur unie tout en préservant les détails nets ; cependant, tous les navigateurs web ne peuvent pas afficher les fichiers PNG‑8.

Ouvrez une image et choisissez Fichier > Enregistrer pour le Web.
Choisissez les paramètres GIF ou PNG-8 dans le menu déroulant des formats d’optimisation.
Pour afficher une image à faible résolution pendant le téléchargement de l'image haute résolution, sélectionnez Entrelacé.L'entrelacement peut réduire la durée apparente de téléchargement et donne aux spectateurs un retour indiquant que le téléchargement est en cours.
Sous le menu de format d'optimisation, choisissez un algorithme de réduction des couleurs pour générer la table de correspondance des couleurs :" ] } ```

Perceptive

Crée une table de couleurs personnalisée en donnant la priorité aux couleurs pour lesquelles l'œil humain a une plus grande sensibilité.

Sélective

Crée une table de couleurs similaire à la table de couleurs perceptuelle, mais favorisant les grandes zones de couleur et la préservation des couleurs web.Cette table de couleurs produit généralement des images avec la plus grande intégrité\nde couleur.(Sélective est l’option par défaut).

Adaptative

Crée une table de couleurs personnalisée en échantillonnant les couleurs du\nspectre apparaissant le plus couramment dans l'image.Par exemple, une image\navec seulement des nuances de vert et de bleu produit une table de couleurs composée principalement\nde verts et de bleus.La plupart des images concentrent les couleurs dans des zones particulières\ndu spectre.

Restrictive (web)

Utilise la table de couleurs standard, web‑safe de 216 couleurs commune\naux panneaux 8‑bits (256 couleurs) de Windows et Mac OS.Cette option\nsʼassure qu'aucun Tramage navigateur n'est appliqué aux couleurs lorsque l'image\nest affichée en utilisant les couleurs 8‑bits.Si votre image a moins de 216\ncouleurs, les couleurs inutilisées sont supprimées de la table.

Pour spécifier le nombre maximum de couleurs dans le panneau\nde couleur, sélectionnez un nombre dans le menu Couleurs, entrez une valeur dans la\nzone de texte, ou cliquez sur les flèches pour modifier le nombre de couleurs.Si\nl'image contient moins de couleurs que le panneau, la table de couleurs\nreflète le nombre plus petit de couleurs dans l'image.
Si vous avez choisi Restrictif (Web) pour l'algorithme de réduction de couleur, vous pouvez choisir Auto dans le menu Couleurs.Choisissez Auto si vous voulez que Photoshop Elements détermine le nombre optimal de couleurs dans la table des couleurs en fonction de la fréquence des couleurs dans l'image.
Choisissez un pourcentage de dithering, soit en saisissant un pourcentage dans la zone de texte Tramage, soit en cliquant sur la flèche du menu Tramage et en faisant glisser le curseur qui apparaît.
Si l'image contient de la transparence, sélectionnez Transparence pour préserver les pixels transparents ; désélectionnez Transparence pour remplir entièrement et partiellement les pixels transparents avec la couleur de fond.
Pour créer un fichier GIF animé, sélectionnez l’option Animation.
Pour enregistrer l’image optimisée, cliquez sur le bouton OK. Dans la boîte de dialogue Enregistrer sous optimisé, saisissez un nom de fichier, puis cliquez sur Enregistrer.

Création d’un fichier GIF animé

Placez les images que vous voulez faire apparaître dans chaque cadre de l'animation sur des calques séparés du panneau Calques. Par exemple, pour créer une animation d'un œil qui cligne, vous placeriez une image de l'œil ouvert sur un calque, et une image de l'œil fermé sur un autre calque.
Choisissez la commande Fichier > Enregistrer pour le Web.
Annotation

Si votre image a plusieurs calques, vous pouvez également ouvrir la boîte de dialogue Enregistrer pour le Web depuis la boîte de dialogue Enregistrer sous en choisissant le format CompuServe GIF et en sélectionnant Calques comme images.

Optimisez l’image au format GIF.
Sélectionnez l’option Animation.
Définissez des options supplémentaires dans la section Animation de la boîte de dialogue :

Options de boucle

Répéter continuellement l'animation dans un navigateur web, ou animer seulement une fois. Vous pouvez également choisir Autre pour spécifier le nombre de fois que l'animation doit boucler.

Délai de l’image

Spécifie le nombre de secondes pendant lesquelles chaque cadre est affiché dans un navigateur web. Utilisez une valeur décimale pour spécifier des fractions de seconde. Par exemple, indiquez 0,5 pour une demi-seconde.