Tramage dans les images Web

Rechercher

Dernière mise à jour le 2 mai 2021

A propos du tramage

La plupart des images Web sont créées par des concepteurs équipés d’écrans couleur 24 bits (qui affichent plus de 16 millions de couleurs) bien que certains utilisateurs affichent les pages Web sur des ordinateurs dotés d’écrans couleur 8 bits (qui n’affichent que 256 couleurs). Par conséquent, les images Web contiennent souvent des couleurs qui ne sont pas disponibles sur certains ordinateurs. Les ordinateurs utilisent alors une technique appelée tramage pour simuler les couleurs qu’ils ne peuvent pas afficher. Le tramage utilise des pixels adjacents de différentes couleurs pour donner l’impression d’une troisième couleur. Par exemple, une couleur rouge et une couleur jaune peuvent être tramées en mosaïque pour créer l’illusion d’une couleur orange absente de la palette des couleurs 8 bits.

we_08 — Le tramage simule des tons continus.

Remarque :

Utilisez les couleurs de la palette Web pour garantir que les couleurs ne seront pas tramées lorsqu’elles seront affichées sur des systèmes Windows ou Mac OS prenant en charge l’affichage 256 couleurs. Lorsque vous créez une image, vous pouvez utiliser le sélecteur de couleurs pour choisir des couleurs sécurisées pour le Web.

Lorsque vous optimisez des images, deux types de tramage peuvent se produire :

Tramage d’application

Il se produit dans les images GIF et PNG-8 lorsque Photoshop Elements tente de simuler des couleurs qui ne figurent pas dans la table des couleurs actuelle. Vous pouvez soit gérer le tramage d’application en choisissant un motif de tramage, soit essayer de l’éviter en ajoutant davantage de couleurs à la table.

Tramage de navigateur

Il se produit lorsqu’un navigateur Web avec affichage couleurs 8 bits (mode 256 couleurs) tente de simuler des couleurs qui ne figurent pas dans la palette des couleurs 8 bits. Le tramage de navigateur peut se produire avec des images GIF, PNG ou JPEG. Photoshop Elements permet de contrôler la quantité de tramage de navigateur en remplaçant les couleurs sélectionnées de l’image par des couleurs Web sécurisées. Vous pouvez aussi spécifier des couleurs Web sécurisées lors du choix d’une couleur dans le sélecteur de couleurs.

Le tramage d’application peut être prévisualisé dans les images GIF et PNG-8. Les images contenant principalement des couleurs en aplat donnent de bons résultats sans tramage. A l’inverse, les images en tons continus (notamment les dégradés) donnent souvent de meilleurs résultats avec un tramage qui évite l’apparition de bandes de couleurs.

Contrôle du tramage dans les images Web

Ouvrez une image, puis choisissez la commande Fichier > Enregistrer pour le Web.
Choisissez vos paramètres d’optimisation.
Entrez une valeur dans la zone de texte Tramage, ou cliquez sur la flèche du menu déroulant Tramage et faites glisser le curseur qui s’affiche.
Le pourcentage de tramage indique la quantité de tramage appliquée à l’image. Un pourcentage élevé restitue un plus grand nombre de couleurs et de détails dans l’image, mais risque de créer un fichier plus volumineux. Pour une compression et une qualité d’affichage optimales, utilisez le plus petit pourcentage de tramage d’application qui vous permette d’obtenir le détail de couleurs recherché.

Prévisualisation du tramage

Vous pouvez prévisualiser le tramage de navigateur directement dans Photoshop Elements ou dans un navigateur utilisant un affichage couleur 8 bits (mode 256 couleurs).

Ouvrez une image, puis choisissez la commande Fichier > Enregistrer pour le Web.
Choisissez vos paramètres d’optimisation.
Pour prévisualiser le tramage dans Photoshop Elements, choisissez l’option de tramage de navigateur dans le menu de la palette de document de la boîte de dialogue Enregistrer pour le Web. (Pour afficher ce menu, cliquez sur le triangle situé en haut à droite de l’image optimisée.)
Pour prévisualiser le tramage dans un navigateur, procédez comme suit :
- Réglez l’affichage couleur de votre ordinateur sur le mode couleur 8 bits (256 couleurs). Consultez la documentation de votre système d’exploitation pour obtenir plus d’informations sur la modification de l’affichage couleur.
- Sélectionnez un navigateur dans le menu Aperçu dans de la boîte de dialogue Enregistrer pour le Web.