Ce tutoriel présente les notions essentielles pour bien comprendre la résolution, la taille et le recadrage d’une image dans Photoshop. Ces principes restent valables dans la plupart des logiciels de traitement d’image modernes, comme GIMP, Affinity Photo ou encore Canva.
Maîtriser ces bases permet d’optimiser ses images pour le web, l’impression ou les réseaux sociaux, tout en conservant une qualité optimale.
Référence catalogue: Tutoriel Photoshop_0005.
Mise en garde
Article d’archive
Ce tutoriel concerne une version ancienne de Photoshop, la version CS3. Il est conservé à titre documentaire.
La résolution d’une image
La résolution est une notion souvent mal comprise. Elle s’exprime en dpi (dots per inch) en anglais ou ppp (points par pouce) en français.
1 inch (pouce) = 2,54 cm
Ce que signifie la résolution
- 72 dpi = 72 pixels sur 2,54 cm.
- 300 dpi = 300 pixels sur 2,54 cm.
Plus la résolution est élevée (en impression), plus l’image est détaillée.
Recommandations
- Web / écran : la résolution n’a pas d’importance, seul le nombre de pixels compte.
- Impression jet d’encre : 240–300 dpi.
- Impression professionnelle : 300 dpi minimum.
La taille de l’image
Pour illustrer ces notions, nous allons prendre comme exemple une photographie réalisée avec un capteur de 8 millions de pixels (8 Mpx). Cette image, capturée il y a quelques années, est définie par défaut avec une résolution de 72 dpi, une valeur classique utilisée à l’époque.
Pour vérifier la taille d’une image :
Image > Image Size (Image > Taille de l’image)
Dans la boîte de dialogue qui s’ouvre, plusieurs informations importantes sont disponibles. Dans la section « Dimensions des pixels », on retrouve notamment :
-
Le poids du fichier, qui correspond ici à 22,8 Mo ;
-
Les dimensions de l’image en pixels, soit 3456 pixels de largeur et 2304 pixels de hauteur
Si l’on multiplie la largeur par la hauteur, on obtient le calcul suivant : 3456 × 2304 = 7 962 624 pixels, soit environ 8 millions de pixels (8 Mpx).
Pour commencer, veillez à laisser la case « Resample (Rééchantillonnage) » décochée. Nous verrons l’utilisation de cette option un peu plus loin dans ce tutoriel.
Dans la section « Taille du document », plusieurs informations apparaissent :
- Largeur : 121,92 cm
- Hauteur : 81,28 cm
- Résolution : 72 dpi (dots per inch / points par pouce)
Ces valeurs correspondent à une taille d’impression théorique. Autrement dit, si vous imprimiez cette image telle quelle, sans modification, vous obtiendriez un tirage de très grande taille : 121,92 cm × 81,28 cm.
Cependant, pour obtenir une impression de bonne qualité, par exemple sur une imprimante laser couleur ou chez un imprimeur il est recommandé d’utiliser une résolution d’au moins 300 dpi.
Les deux solutions des paragraphes suivants s’offrent alors à vous
Modification sans ré échantillonnage
Dans : Image > Image Size (Image > Taille de l’image)
- Décoche Resample (Rééchantillonnage)
- Modifie la résolution (ex : 300 dpi)
Les pixels ne changent pas
La taille d’impression diminue
On constate que les dimensions en pixels, affichées en haut de la fenêtre, ne changent pas : l’image reste à 3456 × 2304 pixels. Cela signifie que nous n’avons ni ajouté ni supprimé de pixels, et donc que la qualité intrinsèque de l’image est préservée. Elle est toujours composée d’environ 8 millions de pixels.
En réalité, lors de cette opération, nous avons simplement modifié la densité des pixels, en les concentrant sur une surface plus petite. Autrement dit, nous passons de 72 pixels par pouce à 300 pixels par pouce sur une même référence: 2,54 cm (le Pouce).
Cette modification a un impact direct sur la taille d’impression. Dans la section « Taille du document », les valeurs changent : la largeur passe de 121,92 cm à 29,26 cm, et la hauteur de 81,28 cm à 19,51 cm.
Concrètement, cela signifie que si vous imprimez cette image, vous aurez désormais besoin d’un format beaucoup plus réduit (29,26 × 19,51 cm), tout en conservant une excellente qualité d’impression, contrairement à la version initiale en 72 dpi qui nécessitait un très grand format pour le même niveau de détail.
Modification avec ré échantillonnage
Toujours dans :Image > Image Size (Image > Taille de l’image)
- Coche Resample (Rééchantillonnage)
On remarque que, dans la section « Taille du document », les valeurs de largeur et de hauteur n’ont pas changé. La taille d’impression reste donc identique à celle obtenue avec une résolution de 72 dpi : il faudra toujours une feuille de 121,92 cm × 81,28 cm pour imprimer l’image dans son intégralité.
En revanche, les dimensions en pixels ont fortement évolué. On obtient désormais une image de 14 400 × 9 600 pixels, soit un total de 138 240 000 pixels, alors que l’image d’origine ne contenait que 7 962 624 pixels.
Que s’est-il passé ?
Photoshop a simplement créé de nouveaux pixels : c’est le principe du rééchantillonnage (Resample / Rééchantillonnage). L’image conserve ses dimensions physiques, mais elle contient désormais beaucoup plus de pixels.
Si l’on compare les deux situations, Photoshop a généré un très grand nombre de pixels supplémentaires. Cette augmentation artificielle du nombre de pixels peut donner une impression de précision accrue, mais elle n’améliore pas réellement la qualité d’origine de l’image.
Conclusion :
La fonction de rééchantillonnage est puissante, mais elle doit être utilisée avec précaution, en particulier lorsqu’il s’agit d’agrandir une image.
Redimensionnement pour le web (700 px)
Afin d’obtenir une photo de 700 pixels de largeur pour l'insérer dans un site web, comment procéder?
Avec l’option « Resample (Rééchantillonnage) » activée, saisissez 700 px dans le champ « Largeur ». La « Hauteur » s’ajuste automatiquement de manière proportionnelle, car l’option « Conserver les proportions » est activée.
La taille du document est également recalculée : si vous deviez imprimer l’image dans cette configuration, elle mesurerait environ 24,69 × 16,46 cm.
Une information apparaît en haut de la fenêtre, indiquant le poids du fichier, exprimé en Ko (kilooctets) ou Mo (mégaoctets). Cette donnée est particulièrement importante dans le cadre d’une utilisation web, car elle influence directement le temps de chargement des images.
Dans cet exemple, l’image initiale pesait 22,8 Mo. Après réduction à 700 pixels de large, son poids passe à 957 Ko. Cette diminution est logique, car nous avons réduit le nombre de pixels.
Point important : l’image d’origine mesurait 3456 × 2304 pixels. En réduisant sa largeur à 700 pixels, nous avons supprimé des pixels. Photoshop n’a donc pas eu besoin d’en créer de nouveaux, ce qui garantit une qualité optimale pour une réduction.
En revanche, si vous aviez choisi une largeur supérieure à celle d’origine (par exemple 4000 pixels), Photoshop aurait dû interpoler et créer de nouveaux pixels. Ce processus peut entraîner une perte de qualité, c’est pourquoi il doit être utilisé avec précaution.
Ci-dessous, l’image de 700 pixels de large obtenue
Redimensionnement pour l’impression (20 cm)
Dans le cas présent, nous souhaitons imprimer la photo avec une largeur précise de 20 cm.
Pour atteindre cet objectif, deux méthodes sont possibles, que nous allons détailler dans les sections suivantes.
Redimensionnement sans ré échantillonnage
Saisissez 20 dans le champ « Largeur », en veillant à sélectionner l’unité centimètres (cm) dans la liste déroulante correspondante. La hauteur s’ajuste automatiquement de manière proportionnelle, grâce à l’option « Conserver les proportions ».
La résolution est alors recalculée et atteint 438,91 ppp, ce qui est largement suffisant pour une impression de qualité (une valeur minimale de 300 ppp étant généralement recommandée).
On constate également que les dimensions en pixels restent inchangées, soit 3456 × 2304 pixels. Aucun pixel n’a donc été ajouté ou supprimé : seule la taille d’impression a été modifiée.
En conséquence, le poids du fichier reste identique et conserve sa valeur initiale de 22,8 Mo.
Redimensionnement avec ré échantillonnage
Saisissez également 20 dans le champ « Largeur », la case à cochée Rééchantillonnage est activée. Dans ce cas, Photoshop recalcule l’ensemble des paramètres, ce qui entraîne une réduction du nombre de pixels. L’image passe ainsi à 567 × 378 pixels, et son poids diminue logiquement pour atteindre environ 627,8 Ko.
Cependant, cette modification a une conséquence importante : la résolution de l’image chute également pour atteindre 72 ppp. Or, pour une impression de qualité, une résolution minimale de 300 ppp est généralement requise.
Dans ce contexte, cette méthode n’est donc pas adaptée à l’impression, car la qualité finale serait insuffisante.
Il est préférable de privilégier la solution précédente, qui permet de conserver une résolution élevée, quitte à avoir un fichier plus volumineux.
Le recadrage d’une image
L’outil de recadrage est accessible depuis la barre d’outils de Photoshop. Son icône est présentée ci-dessous.
Selon que la touche Maj (Shift) est activée ou non, l’apparence du curseur de l’outil de recadrage peut varier. Cette particularité est d’ailleurs valable pour de nombreux outils dans Photoshop.
Par ailleurs, il existe plusieurs méthodes de recadrage, chacune adaptée à des besoins spécifiques. Nous allons les découvrir dans les sections suivantes.
Méthode de recadrage libre
Dans la barre d’options de l’outil de recadrage, aucune valeur ne doit être renseignée. Si des paramètres sont déjà présents, supprimez-les en cliquant sur le bouton « Clear (Effacer) », situé à droite de la barre d’options de l’outil.
À l’aide de l’outil de recadrage, je définis la zone que je souhaite conserver. La partie non sélectionnée de l’image s’assombrit automatiquement, permettant de visualiser clairement la zone de recadrage.
Dans cet exemple, je sélectionne le personnage de dos sur la plage, puis j’appuie sur la touche « Enter » pour valider le recadrage.
Ci-dessous résultat du recadrage
Vous pouvez visualiser ci-dessous les nouvelles caractéristiques de l’image après son recadrage.
La résolution reste identique, soit 72 dpi, tandis que la taille du document est désormais réduite à 25,68 × 56,02 cm. Cette diminution est logique, puisque seule une partie de l’image a été conservée lors du recadrage.
Le nombre de pixels a également diminué, ce qui est parfaitement normal. Cette opération est courante et n’altère pas la qualité de l’image dans la zone conservée.
Le principal inconvénient de cette méthode est que la taille finale de l’image n’est pas maîtrisée à l’avance : elle est déterminée uniquement après avoir effectué le recadrage.
Méthode de recadrage contraint avec dimensions définies
Dans le cadre d’une utilisation spécifique, par exemple pour le web, il est souvent nécessaire de maîtriser précisément les dimensions finales de l’image. Dans cet exemple, nous souhaitons obtenir une image de 100 pixels de hauteur sur 50 pixels de largeur après recadrage.
Pour cela, il convient de définir ces paramètres directement dans les options de l’outil de recadrage (Crop Tool / Outil Recadrage) :
- Largeur : 50 px
- Hauteur : 100 px
- Résolution : 72 px/pouce
Une fois ces valeurs renseignées, le recadrage devient contraint, ce qui signifie que la zone sélectionnée respectera automatiquement ces dimensions.
Remarque importante :
Il est recommandé d’utiliser une résolution cohérente avec celle de l’image d’origine. Dans cet exemple, la valeur de 72 px/pouce correspond à la résolution initiale issue de l’appareil photo.
Avec l’outil de recadrage, sélectionnez la zone du personnage que vous souhaitez conserver.
Étant donné que des dimensions précises (largeur, hauteur et résolution) ont été définies au préalable, vous pouvez constater que le recadrage est contraint : la sélection s’adapte automatiquement aux proportions imposées.
Appuyez sur la touche « Enter » pour valider le recadrage. L’image peut alors apparaître très petite à l’écran ; utilisez l’outil Zoom (Loupe) afin d’ajuster l’affichage et retrouver un confort de travail.
Ci-dessous, le résultat du recadrage agrandi. On peut constater que cette image, réduite en dimensions, perd en netteté lors d’un agrandissement, ce qui se traduit par l’apparition de pixels visibles (effet de pixellisation).
L’analyse des propriétés de l’image montre que la résolution reste identique, soit 72 dpi, et que les dimensions en pixels correspondent bien aux valeurs définies dans les options de l’outil de recadrage.
On constate également que, si l’on souhaitait imprimer cette image, elle produirait un document de très petite taille, avec une hauteur d’environ 3,53 cm pour une largeur de 1,76 cm.
L’avantage de cette méthode est qu’elle permet d’obtenir exactement les dimensions souhaitées, ce qui est particulièrement utile pour des usages spécifiques, notamment sur le web ou pour des éléments graphiques précis.
Méthode de recadrage conservant les valeurs d’origine
Cliquez sur le bouton « Front Image (Image 1er plan) » situé dans la barre d’options de l’outil de recadrage.
Les paramètres de l’image d’origine sont alors automatiquement renseignés dans les champs de l’outil.
Dans cet exemple, les valeurs suivantes sont appliquées :
- Largeur : 3456 px
- Hauteur : 2304 px
- Résolution : 72 dpi
Cela signifie que le recadrage sera effectué en conservant les dimensions initiales de l’image.
Cela signifie que, lorsque vous sélectionnez une zone de l’image avec l’outil de recadrage, le résultat final conservera systématiquement les dimensions d’origine, soit 3456 × 2304 pixels à 72 dpi.
En pratique, si vous effectuez un recadrage très serré, par exemple sur une petite zone de l’image, Photoshop agrandira cette sélection pour qu’elle corresponde aux dimensions initiales. Vous obtiendrez alors une image très grande, mais dont le contenu sera fortement agrandi, ce qui rendra les pixels nettement visibles (effet de pixellisation).
Cette méthode est donc à privilégier pour des recadrages légers, où la zone sélectionnée reste proche de la taille initiale de l’image, comme illustré ci-dessous.
Ci-dessous, le résultat du recadrage après que l’utilisateur est appuyé sur la touche "Enter" de son clavier.
Ci-dessous, les propriétés de l’image après la dernière opération de recadrage décrite ci-avant.
Conclusion
Toutes les méthodes sont valables selon l’objectif :
- Web: réduire en pixels
- Impression: ajuster la résolution
- Recadrage: adapter selon le besoin
Toujours penser à l’usage final.
Quelques usages
- Instagram : 1080 px
- Web : 1200 px
- Print (impression) : 300 dpi