Combien de fois ce problème est-il arrivé ? Vous avez une belle image, que vous l’ayez trouvée ou créée, vous allez télécharger cette image dans votre galerie d’images WordPress et vous voyez que l’image a perdu sa saturation et sa couleur.

La saturation des images et la perte des couleurs sont des problèmes auxquels vous devez faire face lorsque vous travaillez avec des images WordPress. Vous voulez que les couleurs de vos images ressortent, tout comme vous voulez que les couleurs générales de votre site Web ressortent et soient parfaites.

La question est la suivante : quelle est la différence et comment corriger la saturation des images et la perte de couleur dans WordPress ?

Pourquoi certaines images perdent-elles leur saturation et leur couleur dans WordPress ?

La réponse à cette question est assez simple. La plupart, sinon la totalité, des photographes professionnels prennent des photos en utilisant le modèle d’espace couleur Adobe sRGB. Ce modèle comporte plus de couleurs et offre des résultats plus nets et plus propres à l’image finale.

Cependant, WordPress utilise le modèle de couleur RVB. Lorsque vous téléchargez une image dans votre galerie WordPress, plusieurs tailles d’images sont créées. Ces images utilisent le modèle de couleurs RVB, et ce modèle a moins de couleurs disponibles que le modèle de couleurs sRVB d’Adobe.

Lorsque les photos sont prises avec le modèle Adobe sRGB, elles sont plus propres et présentent des couleurs nettes et éclatantes. Lorsque ces mêmes photos sont téléchargées sur WordPress, les couleurs peuvent perdre un peu de leur éclat et ne pas être aussi nettes.

Cependant, il existe quelques moyens d’ajuster les images de WordPress. Voyons comment corriger la saturation et la couleur des images dans WordPress.

Corriger la saturation et la couleur des images dans WordPress

Pour corriger la couleur et la saturation des images WordPress, vous pouvez utiliser plusieurs techniques différentes. En dehors de l’utilisation d’un plugin WordPress, le moyen le plus rapide et le plus facile de corriger la saturation et la couleur des images est de le faire avant de télécharger les images sur WordPress.

En relation  Comment créer une classe CSS paire/impair dans WordPress

Pour ce faire, vous aurez besoin d’un logiciel comme Adobe Photoshop. Si vous n’avez pas Photoshop, je vous ai également mis en lien avec une alternative gratuite appelée GIMP, ci-dessous. Je vous parlerai un peu plus de GIMP dans un instant.

Corriger la saturation et la couleur des images sur WordPress avec Photoshop

Lancez Adobe Photoshop et ouvrez l’image que vous souhaitez corriger. Une fois l’image dans votre programme Photoshop, sélectionnez Fichier Enregistrer pour le Web, dans le menu situé en haut de votre écran.

Note :Des modifications mineures ont été apportées à Adobe Photoshop au cours des deux dernières années. Il s’agit notamment de la fonction “Enregistrer pour le Web”. Save for Web est construit sur l’ancien produit ImageReady, qui est maintenant abandonné.

Ceci étant dit, “Save for Web” n’a pas été supprimé, mais il a été légèrement déplacé dans le menu et le terme “Legacy” a été ajouté. Pour y accéder, sélectionnez Fichier Exporter Enregistrer pour le Web (Legacy).

Vous pouvez également sauter le menu entièrement en utilisant le raccourci clavier Photoshop existant : ctrl + alt + shift + s (pour Windows) ou cmd + opt + shift + s (pour Mac).

Vous pouvez également personnaliser ce raccourci en sélectionnant Raccourcis clavier dans le menu Édition.

Si vous cliquez sur l’onglet Enregistrer pour le Web (ancien), vous verrez apparaître la fenêtre de configuration de la fonction Enregistrer pour le Web. Cette section vous permettra de convertir l’image en RVB puis de l’enregistrer.

La boîte vous donnera également la possibilité d’intégrer un profil de couleur à votre image. Cependant, cela ne fera pas une grande différence dans la façon dont les différents navigateurs liront votre image WordPress.

Si la méthode ci-dessus ne vous satisfait pas, essayez d’utiliser la méthode alternative décrite ci-dessous, qui permet également de corriger la saturation et la couleur de l’image dans WordPress.

Correction de la saturation et de la couleur des images dans Photoshop – Méthode 2

Dans le menu Adobe Photoshop en haut de l’écran, sélectionnez Édition et cliquez sur Paramètres de couleur. La boîte contextuelle des paramètres de couleur s’affiche.

En relation  Comment ajouter un lien de déconnexion à un menu de navigation WordPress.

Il y a deux choses principales que vous voulez changer dans la boîte contextuelle de ce paramètre.

Sélectionnez “North America Web/Internet” dans le menu déroulant des paramètres.

Sous “Politiques de gestion des couleurs”, sélectionnez le RVB à “Convertir en RVB de travail”.

Lorsque vous avez modifié ces deux options, survolez et cliquez sur le bouton “OK” pour enregistrer vos paramètres.

Maintenant que vous avez terminé cette étape, ouvrez l’image sur laquelle vous voulez travailler et mettez-la dans Photoshop.

Si par hasard le profil de l’espace de travail ne correspond pas, Photoshop affichera automatiquement une fenêtre d’avertissement qui vous demandera ce que vous voulez faire.

Sélectionnez l’option “Convertir la couleur du document en espace de travail”, puis cliquez sur le bouton “OK” pour enregistrer les paramètres. Cela permet à Photoshop de convertir plus précisément votre profil de couleur.

Enregistrez l’image pour vous assurer que tous vos choix de paramètres sont préservés.

Répétez ce processus pour chaque image que vous souhaitez télécharger dans la galerie de votre site WordPress. Vous pouvez maintenant télécharger toutes les images converties que vous avez faites. A toutes fins utiles, vous avez maintenant réussi à fixer la saturation et la couleur des images dans WordPress.

Corriger la saturation et la couleur des images dans WordPress en utilisant GIMP.

Maintenant, si vous n’avez pas Photoshop, vous pouvez faire ce processus en utilisant GIMP. Il s’agit d’un logiciel d’édition d’images gratuit et open source. En principe, GIMP détecte chaque image que vous essayez d’ouvrir pour voir si un profil de couleur y est déjà intégré.

Si votre image est dans le modèle de couleur sRGB d’Adobe, GIMP vous montrera automatiquement une boîte de réglage popup pour la convertir.

Note :Gimp ne dispose pas du profil sRGB d’Adobe intégré. Vous devrez télécharger le profil ICC RVB d’Adobe sur votre machine.

Fixer la saturation et la couleur des images dans WordPress à l’aide d’un plugin.

Vous pouvez également fixer la couleur et la saturation des images dans WordPress à l’aide d’un plugin. Cette méthode s’applique à toutes les images que vous avez déjà sur le site ou à celles que vous souhaitez ajouter.

Cette méthode gratuite vous aidera certainement à corriger la saturation et la couleur des images.

En relation  Comment remplacer les fichiers multimédias de WordPress en utilisant Enable Media Replace.

Note :Il existe un couple de plugins qui peuvent aider mais aucun n’est mis à jour et peut ne pas fonctionner sur la dernière version de WordPress. Si vous voulez quand même les essayer, ils s’appellent WP Resized Image Quality et ImageMagick Sharpen Resized Images.

Il vous suffit d’installer et d’activer le plugin depuis votre tableau de bord d’administration de WordPress et de l’essayer.

Vous aurez beaucoup de succès en matière de compression et d’optimisation des images WordPress si vous utilisez l’un des 10 meilleurs outils de compression et de dimensionnement des images WordPress disponibles aujourd’hui.

Terminologie de l’image à retenir

Lorsque vous essayez de corriger la saturation et la couleur d’une image dans WordPress, il est utile de connaître et de comprendre la terminologie des images. Certaines des méthodes ci-dessus peuvent vous obliger à travailler avec un certain type de fichier.

  • JPEG, PNG, SVG :Ce sont les types de fichiers image les plus populaires sur le web. Nous allons nous concentrer sur les JPEG et les PNG, car ce sont les types de fichiers qui bénéficient le plus de la compression et de l’optimisation.
  • JPEG :Le type de fichier JPEG est généralement meilleur pour les images haute définition comme les photos et les graphiques web qui n’ont pas besoin d’un fond transparent.
  • PNG :Le type de fichier PNG est le meilleur pour des choses comme les icônes et les logos, Il utilise un fond transparent qui le rend polyvalent indépendamment des couleurs ou des images de fond. Les PNG peuvent également être optimisés de manière significative après que vous les modifiez avec tous les grands outils de conception disponibles.

J’espère que cet article vous a été utile en vous montrant quelques moyens faciles de corriger la saturation et la couleur des images dans WordPress.

Photoshop est la meilleure option disponible, mais si vous n’avez pas ce programme, il y a d’autres voies que vous pouvez suivre. Vous pouvez également afficher les résultats des photos avant et après dans WordPress.

Avez-vous utilisé l’une des méthodes ci-dessus pour corriger la saturation et la couleur des images dans WordPress ? Êtes-vous tombé sur un nouveau plugin qui fait cela automatiquement à partir du tableau de bord ?