Tramage dans les images web

Dernière mise à jour le 27 avr. 2021

A propos du tramage

```json { "trancreatedText": [ "La plupart des images web sont créées par des concepteurs utilisant des écrans couleur 24 bits (qui affichent plus de 16 millions de couleurs), bien que certains utilisateurs consultent les pages web sur des ordinateurs avec des écrans couleur 8 bits (qui n'affichent que 256 couleurs).Par conséquent, les images web contiennent souvent des couleurs non disponibles sur certains ordinateurs.Les ordinateurs utilisent une technique appelée dithering pour simuler les couleurs qu'ils ne peuvent pas afficher.Le dithering utilise des pixels adjacents de différentes couleurs pour donner l'apparence d'une troisième couleur.Par exemple, une couleur rouge et une couleur jaune peuvent créer un effet de tramage dans un motif en mosaïque pour produire l'illusion d'une couleur orange que le panneau couleur 8 bits ne contient pas.

Le tramage simule des tons continus.

Annotation

Utilisez les couleurs du panneau web pour vous assurer que les couleurs ne créeront pas d'effet de tramage lorsqu'elles seront affichées dans les systèmes Windows ou Mac OS capables d'afficher 256 couleurs.Lors de la création d'une image originale, vous pouvez utiliser le sélecteur de couleurs pour choisir des couleurs web sécurisées.

Lors de l'optimisation des images, gardez à l'esprit que deux types de tramage peuvent se produire :

Tramage d’application

Se produit dans les images GIF et PNG-8 lorsque Photoshop Elements tente de simuler des couleurs qui ne sont pas dans la table des couleurs actuelle.Vous pouvez contrôler le tramage de l'Application en choisissant un motif de tramage, ou vous pouvez essayer d'éviter le tramage d'Application en ajoutant plus de couleurs à la table.

Tramage de navigateur

Se produit lorsqu'un navigateur utilisant un écran couleur 8 bits (mode 256 couleurs) tente de simuler des couleurs qui ne sont pas dans le panneau couleur 8 bits.Le tramage de navigateur peut se produire avec des images GIF, PNG ou JPEG. Dans Photoshop Elements, vous pouvez contrôler la quantité de tramage du navigateur en déplaçant les couleurs sélectionnées dans l'image vers des couleurs web sécurisées.Vous pouvez également 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 comportant principalement des couleurs unies peuvent bien fonctionner sans tramage.À l'inverse, les images avec des couleurs en tons continus (en particulier les dégradés de couleurs) peuvent nécessiter un tramage pour éviter les bandes de couleur.

Contrôle du tramage dans les images web

Ouvrez une image et choisissez 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 Tramage et faites glisser le curseur qui apparaît.
Le pourcentage de tramage contrôle la quantité de tramage appliquée à l'image.Un pourcentage de tramage plus élevé crée l'apparence de plus de couleurs et de plus de détails dans une image, mais peut également augmenter la taille du fichier.Pour une compression optimale et une qualité d'affichage, utilisez le pourcentage le plus faible de tramage d'Application qui fournit les détails de couleur dont vous avez besoin.

Prévisualisation du tramage

Vous pouvez prévisualiser le tramage du navigateur directement dans Photoshop Elements ou dans un navigateur qui utilise un écran couleur 8 bits (mode 256 couleurs).

Ouvrez une image et choisissez Fichier > Enregistrer pour le Web.
Choisissez vos paramètres d’optimisation.
Pour prévisualiser le tramage dans Photoshop Elements, choisissez Tramage du navigateur dans le menu du panneau document de la boîte de dialogue Enregistrer pour le web.\n(Pour afficher le menu, cliquez sur le triangle dans le coin supérieur droit 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 8 bits (256 couleurs).Consultez la documentation de votre système d'exploitation pour obtenir des informations sur la modification de l'affichage couleur." ] } ```

  • Sélectionnez un navigateur dans le menu Aperçu dans la boîte de dialogue Enregistrer pour le web.