C'est une réalité quand il s'agit de travailler avec des photos et des images numériques. Parfois, nous devons les compresser pour réduire la taille de nos fichiers, surtout si nous les envoyons par courrier électronique à un client ou à des membres de la famille, ou les publions sur un site Web.
Étant donné que le format de fichier jpeg.webp est toujours le format de choix pour les photos numériques, même s'il existe depuis plus de 15 ans, la compression des images signifie généralement utiliser la compression jpeg.webp, qui fait un excellent travail de réduction de la taille du fichier. Malheureusement, cela réduit également la qualité de l'image, bien qu'il ne soit pas toujours facile de voir quel type d'impact négatif la compression a sur l'image, en particulier lors de sa visualisation sur un écran d'ordinateur. Mais grâce à Photoshop et à l'un de ses modes de fusion rarement utilisés, les horreurs de la compression JPEG.webp deviennent incroyablement claires.
Pour voir exactement ce qui se passe avec nos images, nous utiliserons le mode de fusion des calques Différence de Photoshop. Le mode de fusion Différence tire son nom du fait qu'il recherche les différences entre deux couches. Toutes les zones des deux couches qui sont exactement les mêmes apparaissent comme du noir pur, tandis que les zones qui sont différentes d'une manière ou d'une autre apparaissent comme des couleurs étranges. Le mode de fusion Différence n'est pas utilisé très souvent en dehors du monde des effets spéciaux, mais il nous montre bien la quantité de déchets (oui, j'ai dit des déchets) que nous ajoutons à nos images JPEG.webp lorsque nous les compressons. Maintenant, cela ne veut pas dire que nous devons tous arrêter de compresser nos photos. Dans un monde parfait, bien sûr, mais ce n'est tout simplement pas réaliste. Cela nous aide cependant à voir et à comprendre ce qui se passe avec nos images, en particulier pour ceux d'entre nous qui, jusqu'à présent, étaient convaincus qu'il n'y avait pas de différence de qualité d'image entre une photo numérique compressée et non compressée.
Ici, j'ai deux fenêtres de document ouvertes dans Photoshop, chacune contenant ce qui semble être la même image:
Deux fenêtres de document s'ouvrent dans Photoshop, chacune affichant une copie de la même photo.
Mais sont-ils vraiment la même image? Les apparences peuvent être trompeuses, en particulier sur un écran d'ordinateur. La vérité est qu'ils ne sont pas les mêmes. Celle de droite est la photo originale non compressée, comme si elle avait été téléchargée directement depuis un appareil photo numérique. Celui de gauche est une copie de la photo enregistrée dans Photoshop avec une qualité d'image de 60%, ce qui est un paramètre assez typique. Cela signifie que l'image de gauche a été compressée.
Je me rends compte que c'est un peu difficile à dire dans la capture d'écran ci-dessus, mais si vous regardiez ces deux images sur mon écran dans Photoshop, vous auriez du mal à dire laquelle est compressée et laquelle ne l'est pas. Si nous devions les imprimer, les différences deviendraient claires, mais sur un écran d'ordinateur, qui a une résolution bien inférieure à celle d'une image imprimée, les différences ne sont pas si faciles à repérer. Du moins, non sans utiliser le mode de fusion Différence de Photoshop pour nous aider.
J'ai dit il y a un instant que le mode de fusion Différence recherche les différences entre deux couches et que toutes les zones entre les deux couches qui sont exactement les mêmes apparaissent comme du noir pur. Mettons cela à l'épreuve. Je vais sélectionner ma photo originale non compressée et je vais dupliquer son calque d'arrière-plan dans la palette Calques en appuyant sur Ctrl + J (Win) / Commande + J (Mac). J'ai maintenant deux calques dans la palette Calques - le calque d'arrière-plan d'origine en bas et une copie du calque d'arrière-plan, que Photoshop a nommé "Calque 1", au-dessus:
La palette Calques pour la photo originale non compressée montrant le calque d'arrière-plan et la copie du calque d'arrière-plan au-dessus.
Le "calque 1" étant une copie du calque d'arrière-plan, les deux calques doivent être identiques. Nous pouvons utiliser le mode de fusion Différence pour prouver qu'ils le sont. Je vais aller à l'option de mode de fusion en haut de la palette Calques et changer le mode de fusion pour "Couche 1" de "Normal" à Différence:
Changer le mode de fusion de "Couche 1" en "Différence".
Avec "Layer 1" réglé sur le mode de fusion Différence, si je regarde l'image dans la fenêtre du document, je vois que l'image entière est maintenant remplie de noir uni, ce qui est la façon dont le mode de fusion Différence me dit que les deux couches sont en fait identiques:
L'image est maintenant complètement remplie de noir uni, ce qui indique que le "calque 1" et le calque d'arrière-plan sont identiques à tous points de vue.
Allons encore plus loin pour être absolument certain que tout ce que nous voyons maintenant dans l'image n'est rien d'autre que du noir pur. Pour ce faire, nous utiliserons un calque de réglage Niveaux. Je vais cliquer sur l'icône Nouveau calque de réglage en bas de la palette Calques:
Cliquez sur l'icône "Nouveau calque de réglage" en bas de la palette Calques dans Photoshop.
Ensuite, je choisirai Niveaux dans la liste des calques de réglage qui apparaît:
Cliquez sur l'icône "Nouveau calque de réglage" en bas de la palette Calques dans Photoshop.
Cela fait apparaître la boîte de dialogue Niveaux. Je peux utiliser l'histogramme au centre de la boîte de dialogue pour voir exactement quelles informations tonales sont affichées dans mon image. Si chaque pixel de l'image affiche du noir pur, ce qui devrait être le cas si mes deux calques sont identiques, alors tout ce que je devrais voir dans mon histogramme est une seule barre verticale à l'extrême gauche, qui se trouve être exactement ce que Je regarde:
L'histogramme au centre de la boîte de dialogue Niveaux affiche une seule barre verticale à l'extrême gauche, m'indiquant que chaque pixel de mon image est en noir pur.
L'histogramme confirme qu'il n'y a actuellement aucune autre couleur affichée dans mon image à l'exception du noir pur, ce qui signifie que "Calque 1" et le calque d'arrière-plan sont 100% identiques. Jusqu'ici tout va bien. Nous avons maintenant prouvé ce que la plupart d'entre nous savions déjà, que lorsque nous faisons une copie d'un calque, la copie est identique à tous égards à l'original. Des trucs excitants, non? Allons-nous en.
Plugin Shortcodes, Actions et Filtres: Erreur dans le shortcode (ads-essentials-middle)
Je vais cliquer sur le bouton Annuler dans le coin supérieur droit de la boîte de dialogue Niveaux pour en sortir pour l'instant, et je vais supprimer "Layer 1" de ma palette Calques en cliquant dessus et en le faisant glisser vers le bas sur l'icône de la corbeille:
Faites glisser "Layer 1" vers le bas sur l'icône de la corbeille au bas de la palette Calques pour le supprimer.
Il ne me reste plus que mon calque d'arrière-plan d'origine:
La palette Calques montrant le calque d'arrière-plan d'origine.
Voyons maintenant ce qui se passe lorsque nous utilisons exactement la même méthode pour comparer la version non compressée de la photo avec sa version compressée. Comme je l'ai mentionné, il n'est pas facile de voir les différences entre eux simplement en les regardant sur l'écran de l'ordinateur, mais découvrons ce que le mode de fusion Différence a à dire à ce sujet. Avec chaque version de ma photo ouverte dans sa propre fenêtre de document, je vais cliquer à l'intérieur de la fenêtre de document de la version compressée (celle de gauche) avec mon outil de déplacement et faire glisser l'image dans la fenêtre de document de la version non compressée (celle de la droite):
Utiliser l'outil Déplacer et faire glisser la version compressée de l'image à gauche dans la fenêtre de document de la version non compressée à droite.
Étant donné que les deux images ont exactement les mêmes dimensions en pixels (largeur et hauteur), je vais maintenir ma touche Maj enfoncée puis relâcher le bouton de la souris, ce qui alignera parfaitement les deux images à l'intérieur de la fenêtre du document:
Les deux images sont maintenant parfaitement alignées l'une au-dessus de l'autre dans la même fenêtre de document.
Si je regarde dans ma palette Calques, je peux voir que j'ai à nouveau deux calques. La version non compressée de l'image est sur le calque d'arrière-plan, et la version qui a été enregistrée avec une qualité d'image de 60% est maintenant au-dessus sur le "calque 1":
La palette Calques montrant la version non compressée sur le calque d'arrière-plan et la version compressée sur "Layer 1".
Je vais à nouveau changer le mode de fusion de "Layer 1" de "Normal" à "Difference":
Changer le mode de fusion de "Couche 1" en "Différence".
Et maintenant, avec le mode de fusion de "Couche 1" réglé sur "Différence", s'il n'y a vraiment aucune différence entre les versions compressée et non compressée de la photo, je ne devrais voir que du noir pur quand je regarde mon image dans le fenêtre de document:
La fenêtre du document après avoir changé le mode de fusion de "Couche 1" (la version compressée de la photo) en "Différence".
Hmm. Pouvez-vous voir tout ce faible bruit dans l'image ci-dessus? Cela dépendra de la configuration de votre moniteur. Vous voyez peut-être juste du noir, mais je peux voir sur mon écran que ce n'est certainement pas du noir pur comme c'était le cas avant lorsque nous comparions le calque d'arrière-plan avec une copie identique. Il y a autre chose là-bas, et ce "quelque chose d'autre" nous dit que les versions compressées et non compressées de la photo ne sont pas les mêmes. Mais à quel point sont-ils différents? La compression JPEG.webp fait-elle vraiment une grande différence?
Utilisons à nouveau une couche d'ajustement des niveaux et laissons l'histogramme répondre à cette question pour nous. Je clique sur l'icône Nouveau calque de réglage en bas de la palette Calques et je choisis Niveaux dans la liste:
Sélection d'un calque de réglage "Niveaux" dans la palette Calques.
Cela ouvre à nouveau la boîte de dialogue Niveaux. Rappelez-vous de la dernière fois que l'histogramme affichait une seule barre verticale à l'extrême gauche, ce qui nous disait qu'il n'y avait absolument rien d'autre dans notre image que du noir pur. Cette fois, nous voyons quelque chose d'un peu différent:
L'histogramme n'est plus seulement une seule barre verticale.
Il semble y avoir beaucoup plus de choses cette fois à l'extrême gauche de l'histogramme, ce qui confirme que mes yeux ne me jouaient pas de tours. Il y a définitivement quelque chose d'autre dans l'image. La barre verticale unique a été remplacée par une plus grande zone de noir, ce qui signifie que l'image elle-même contient désormais plus que du noir pur, ce qui signifie que les deux versions de la photo ne sont plus identiques.
Alors qu'est-ce qui est différent chez eux? Simple - ordures. En compressant une version de l'image, nous avons pris les informations d'image pures et intactes et y avons ajouté beaucoup de déchets. Bruit, ordure, appelez ça comme vous voulez. En fin de compte, nous avons endommagé la photo. Combien de déchets la compression jpeg.webp a-t-elle ajouté? Cela peut ne pas ressembler à beaucoup pour l'instant, et il est toujours difficile de voir dans l'image elle-même, donc je vais cliquer sur le petit curseur blanc en bas à droite de l'histogramme et le faire glisser complètement vers la gauche jusqu'à ce qu'il soit sous l'endroit où commence la pente noire:
Faites glisser le curseur blanc du coin inférieur droit de l'histogramme vers la gauche jusqu'au point où commence la pente noire.
Sans entrer dans une longue discussion sur le fonctionnement de la boîte de dialogue Niveaux, ce que je viens de faire est de prendre tout ce bruit faible dans l'image et de la rendre beaucoup plus lumineuse afin que nous puissions la voir plus facilement. N'oubliez pas que toutes les couleurs étranges que vous voyez représentent des zones différentes entre la version originale non compressée de la photo et la version enregistrée avec la compression JPEG.webp:
Le bruit est maintenant beaucoup plus visible sur l'image.
Pas une jolie vue, n'est-ce pas? Maintenant que nous pouvons voir les choses plus facilement, toutes ces couleurs étranges représentent tous les dommages que nous avons causés à l'image en la compressant. L'image est maintenant remplie de ce que l'on appelle communément des "artefacts de compression", ce qui est juste une façon élégante de dire "nous avons pris vos informations d'image parfaitement bonnes et nous avons tout foiré". La compression d'une image jpeg.webp peut réduire considérablement la taille de votre fichier, mais comme le mode de fusion Différence nous le montre, il peut également réduire considérablement la qualité de l'image. Encore une fois, il n'est pas toujours facile de voir les dommages subis par votre image en la regardant sur l'écran de votre ordinateur, mais vous remarquerez certainement la différence lors de l'impression en haute résolution.
Alors maintenant que nous avons vu combien de dommages nous pouvons faire à une photo numérique en la compressant, que pouvons-nous faire? Malheureusement, pas grand-chose. Le format JPEG.webp est toujours votre meilleur choix pour enregistrer des photos numériques, et lorsque la taille du fichier est un problème, nous n'avons vraiment pas d'autre choix que de les compresser. Si vous travaillez sur un projet pour le Web, vous pouvez généralement vous en sortir avec un peu de compression avant que la qualité d'image ne devienne un problème, mais si votre projet va s'imprimer, vous voudrez utiliser les images originales non compressées dès que possible. Et nous l'avons là!