Guide d'utilisation Annuler

Optimisation des images pour le format GIF ou PNG-8

  1. Guide de l’utilisateur de Photoshop Elements
  2. Présentation de Photoshop Elements
    1. Nouveautés de Photoshop Elements
    2. Configuration requise | Photoshop Elements
    3. Concepts de base sur l’espace de travail
    4. Mode Modification guidée
    5. Création de projets photo
  3. Espace de travail et environnement
    1. Découverte de l’écran d’accueil
    2. Concepts de base sur l’espace de travail
    3. Outils
    4. Panneaux et corbeilles
    5. Ouverture de fichiers
    6. Règles, grilles et repères
    7. Mode rapide amélioré
    8. Informations sur les fichiers
    9. Paramètres prédéfinis et bibliothèques
    10. Prise en charge de la fonctionnalité d’interaction tactile multipoint
    11. Disques de travail, modules externes et mises à jour de l’application
    12. Opérations d’annulation et de rétablissement
    13. Affichage des images
    14. Utilisation des fonctionnalités de Windows 7
  4. Retouche et amélioration des photos
    1. Redimensionnement des images
    2. Recadrage
    3. Traitement des fichiers image Camera Raw
    4. Ajout d’un effet de flou, remplacement des couleurs et duplication de zones de l’image
    5. Réglage des tons foncés et des tons clairs
    6. Retouche et correction des photos
    7. Réglage de la netteté
    8. Transformation
    9. Réglage optimisé et automatique des tons
    10. Recomposition
    11. Utilisation d’actions pour traiter les photos
    12. Composition Photomerge
    13. Création d’un panorama
  5. Ajout de formes et de texte
    1. Ajouter du texte
    2. Modification du texte
    3. Création de formes
    4. Modification des formes
    5. Présentation de la peinture
    6. Outils de peinture
    7. Configuration des pinceaux
    8. Motifs
    9. Fonds et contours
    10. Dégradés
    11. Modification de texte asiatique
  6. Modifications guidées, effets et filtres
    1. Mode Modification guidée
    2. Filtres
    3. Mode Modification guidée - Modifications Photomerge
    4. Mode Modification guidée - Modifications de base
    5. Filtres Réglages
    6. Effets
    7. Mode Modification guidée - Modifications amusantes
    8. Mode Modification guidée - Modifications spéciales
    9. Filtres Artistiques
    10. Mode Modification guidée - Modifications de couleur
    11. Mode Modification guidée - Modifications Noir et blanc
    12. Filtres Atténuation
    13. Filtres Contours
    14. Filtres Déformation
    15. Filtres Divers
    16. Filtres Bruit
    17. Filtres Rendu
    18. Filtres Esquisse
    19. Filtres Esthétiques
    20. Filtres Textures
  7. Gestion des couleurs
    1. Présentation des couleurs
    2. Configuration de la gestion des couleurs
    3. Concepts de base sur la correction des couleurs et des tons
    4. Sélection des couleurs
    5. Réglage de la saturation et de la teinte des couleurs
    6. Correction des dominantes couleur
    7. Utilisation des modes et des tables de couleur
    8. Couleur et Camera Raw
  8. Utilisation des sélections
    1. Sélections dans Photoshop Elements
    2. Mémorisation des sélections
    3. Modification des sélections
    4. Déplacement et copie des sélections
    5. Modification et amélioration des sélections
    6. Lissage des contours de sélection à l’aide des fonctions de lissage et de contour progressif
  9. Utilisation des calques
    1. Création des calques
    2. Modification des calques
    3. Copie et organisation des calques
    4. Calques de réglage et de remplissage
    5. Masques d'écrêtage
    6. Masques de fusion
    7. Styles de calque
    8. Opacité et modes de fusion
  10. Création de projets photo
    1. Concepts de base sur les projets
    2. Création de projets photo
    3. Modification de projets photo
  11. Enregistrement, impression et partage de photos
    1. Enregistrement des images
    2. Impression de photos
    3. Partage de photos en ligne
    4. Optimisation des images
    5. Optimisation d’images pour le format JPEG
    6. Tramage dans les images web
    7. Modifications guidées : panneau Partager
    8. Prévisualisation des images web
    9. Utilisation de la transparence et du détourage
    10. Optimisation des images pour le format GIF ou PNG-8
    11. Optimisation d’images pour le format PNG-24
  12. Raccourcis clavier
    1. Touches de sélection des outils
    2. Touches de sélection et de déplacement d’objets
    3. Touches du panneau Calques
    4. Touches d’affichage et de masquage des panneaux (mode Expert)
    5. Touches de peinture et de pinceau
    6. Touches pour l’utilisation de texte
    7. Touches du filtre Fluidité
    8. Touches de transformation des sélections
    9. Touches du panneau Nuancier
    10. Touches de la boîte de dialogue Camera Raw
    11. Touches de la Galerie de filtres
    12. Touches pour l’utilisation des modes de fusion
    13. Raccourcis pour l’affichage des images (mode Expert)

A propos du format GIF

Le format GIF utilise les couleurs 8 bits et compresse efficacement les zones de couleur en aplat tout en préservant les détails des dessins au trait, des logos ou du texte. Ce format est également utilisé pour créer une image animée et conserver la transparence d’une image. Il est pris en charge par la plupart des navigateurs.

Le format GIF utilise la méthode de compression LZW sans perte. Toutefois, les fichiers GIF étant limités à 256 couleurs, l’optimisation d’un original 24 bits au format GIF 8 bits risque de dégrader l’intensité des couleurs.

Image GIF avec une correction sélective (à gauche) et image GIF avec une couleur Web (à droite)

Vous pouvez choisir le nombre de couleurs utilisées dans une image GIF pour définir le tramage des couleurs dans un navigateur. Le format GIF prend en charge la transparence et le détourage d’arrière-plan qui vous permettent de fusionner les bords de l’image avec la couleur d’arrière-plan de la page Web.

A propos du format PNG-8

Le format PNG-8 utilise les couleurs 8 bits. Tout comme le format GIF, le format PNG-8 compresse efficacement les zones de couleurs en aplat tout en préservant les détails des dessins au trait, des logos ou du texte.

Le format PNG-8 n’étant pas pris en charge par tous les navigateurs, il peut être souhaitable de l’éviter lorsque vous distribuez l’image auprès d’un vaste public.

Le format PNG-8 utilise une méthode de compression plus avancée que le format GIF et la taille d’un fichier de ce format peut être de 10 à 30 % inférieure à celle d’un fichier GIF de la même image, selon les caractéristiques chromatiques de l’image. Bien que la compression PNG-8 soit sans perte, l’optimisation d’une image d’origine 24 bits en fichier PNG 8 bits risque de dégrader l’intensité des couleurs.

Remarque :

Avec certaines images, en particulier celles qui comportent 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 dans les formats GIF et PNG-8 pour comparer la taille des fichiers.

Comme avec le format GIF, vous pouvez choisir le nombre de couleurs utilisées dans une image pour définir le tramage des couleurs dans un navigateur. Le format PNG-8 prend en charge la transparence et le détourage d’arrière-plan qui vous permettent de fusionner les bords de l’image avec la couleur d’arrière-plan de la 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 format GIF est le format standard de compression d’images avec de larges zones de couleurs en aplat et des détails précis, comme ceux des dessins au trait, des logos ou du texte. Tout comme le format GIF, le format PNG-8 prend en charge la transparence et compresse efficacement les zones de couleurs en aplat tout en préservant les détails précis ; toutefois, certains navigateurs Web ne peuvent pas afficher les fichiers au format PNG-8.

  1. Ouvrez une image, puis choisissez la commande Fichier > Enregistrer pour le Web.
  2. Choisissez les paramètres GIF ou PNG-8 dans le menu déroulant des formats d’optimisation.
  3. Pour afficher une image basse résolution pendant le téléchargement de l’image haute résolution, sélectionnez l’option Entrelacé. Le téléchargement de l’image paraît ainsi moins long, et l’utilisateur peut vérifier son déroulement.
  4. Dans le menu situé au-dessous de celui des formats d’optimisation, choisissez un algorithme de réduction des couleurs pour générer la table des couleurs :

    Perceptive

    Crée une table des couleurs personnalisée en donnant la priorité aux couleurs auxquelles l’œil humain est plus sensible.

    Sélective

    Crée une table de couleurs semblable à la table de couleurs Perceptive, mais en favorisant les larges zones colorées et le respect des couleurs Web. En général, cette table des couleurs restitue fidèlement les couleurs de l’image (Sélective est l’option par défaut).

    Adaptative

    Crée une table des couleurs personnalisée en échantillonnant les couleurs à partir du spectre apparaissant le plus souvent dans l’image. Par exemple, une image contenant uniquement des nuances de vert et de bleu produit une table des couleurs constituée essentiellement de verts et de bleus. La plupart des images concentrent des couleurs situées dans des zones particulières du spectre.

    Restrictive (web)

    Utilise la table des couleurs Web sécurisées standard de 216 couleurs commune aux palettes 8 bits (256 couleurs) des systèmes Windows et Mac OS. Cette option garantit qu’aucun tramage de navigateur n’est appliqué aux couleurs lorsque l’image est affichée en couleurs 8 bits. Si votre image comporte moins de 216 couleurs, les couleurs inutilisées sont supprimées de la table.

  5. Pour spécifier le nombre maximum de couleurs dans la palette des couleurs, sélectionnez un nombre dans le menu Couleurs, entrez une valeur dans la zone de texte ou cliquez sur les flèches pour changer le nombre de couleurs. Si l’image comporte moins de couleurs que la palette, la table des couleurs est conforme au nombre inférieur de couleurs dans l’image.
  6. Si vous avez opté pour l’algorithme de réduction de couleurs Restrictive (Web), vous pouvez choisir l’option Auto du menu Couleurs. Choisissez cette option pour que Photoshop Elements détermine le nombre optimal de couleurs de la table des couleurs selon la fréquence des couleurs dans l’image.
  7. Choisissez un pourcentage de tramage, soit en entrant une valeur dans la zone de texte Tramage, soit en cliquant sur la flèche du menu déroulant Tramage et en faisant glisser le curseur qui s’affiche.
  8. Si l’image contient de la transparence, activez l’option Transparence pour conserver les pixels transparents, ou désactivez-la pour remplir les pixels entièrement et partiellement transparents avec la couleur de détourage.
  9. Pour créer un fichier GIF animé, sélectionnez l’option Animation.
  10. Pour enregistrer l’image optimisée, cliquez sur le bouton OK. Dans la boîte de dialogue Enregistrer une copie optimisée sous, entrez un nom de fichier, puis cliquez sur le bouton Enregistrer.

Création d’un fichier GIF animé

  1. Placez les images devant figurer dans chaque cadre de l’animation sur des calques distincts du panneau Calques. Par exemple, pour créer une animation représentant un clin d’oeil, vous devez placer l’image d’un oeil ouvert sur un calque, et l’image d’un oeil fermé sur un autre calque.
  2. Choisissez la commande Fichier > Enregistrer pour le Web.
    Remarque :

    Si votre image comporte plusieurs calques, vous pouvez également ouvrir la boîte de dialogue Enregistrer pour le Web à partir de la boîte de dialogue Enregistrer sous, en choisissant le format CompuServe GIF et en sélectionnant l’option Calques comme cadre.

  3. Optimisez l’image au format GIF.
  4. Sélectionnez l’option Animation.
  5. Définissez d’autres options dans la section Animation de la boîte de dialogue :

    Options de boucle

    Répétez continuellement l’animation dans un navigateur Web ou ne l’exécutez qu’une seule fois. Vous pouvez également choisir Autre pour spécifier le nombre de lectures en boucle de l’animation.

    Délai de l’image

    Spécifie le nombre de secondes pendant lequel chaque image est affichée 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.

Logo Adobe

Accéder à votre compte