{"id":7553,"date":"2007-05-25T09:53:25","date_gmt":"2007-05-25T07:53:25","guid":{"rendered":"https:\/\/destinationcyber.com\/?p=7553"},"modified":"2007-05-25T09:53:25","modified_gmt":"2007-05-25T07:53:25","slug":"redimensionnement-et-resolution-des-images","status":"publish","type":"post","link":"https:\/\/destinationcyber.com\/?p=7553","title":{"rendered":"Redimensionnement et r\u00e9solution des images"},"content":{"rendered":"<p><strong>Principes de base de la r\u00e9solution et de la taille des images<\/strong><\/p>\n<p>Maintenant que vous allez continuer \u00e0 progresser dans l&rsquo;apprentissage de la retouche d&rsquo;image et de la mani\u00e8re de cr\u00e9er des images de haute qualit\u00e9, vous devrez savoir comment pr\u00e9parer l&rsquo;image pour sa destination finale. Vous allez voir qu&rsquo;une dimension d&rsquo;image ne convient pas pour toutes les utilisations.<\/p>\n<p>Par exemple, vos images peuvent finalement faire partie des illustrations d&rsquo;un livre, d&rsquo;un rapport de soci\u00e9t\u00e9, d&rsquo;un bulletin d&rsquo;informations, d&rsquo;une carte de voeux ou d&rsquo;un album. Vos images peuvent \u00e9galement \u00eatre affich\u00e9es \u00e0 l&rsquo;\u00e9cran dans un diaporama, dans une pr\u00e9sentation commerciale ou sur une page web ou encore \u00eatre envoy\u00e9es via e-mail \u00e0 des coll\u00e8gues.<\/p>\n<p>Vous noterez que la liste des exemples est divis\u00e9e en deux types principaux de sortie : impression et \u00e9cran. Pour vous aider \u00e0 maintenir la qualit\u00e9 de l&rsquo;image dans les limites de la r\u00e9alisation, vous devez adapter les dimensions, la r\u00e9solution, la taille du fichier et le format du fichier \u00e0 votre image.<\/p>\n<p>Dans la plupart des cas, l&rsquo;image source originale et sa copie exacte ne sont pas aux dimensions et \u00e0 la r\u00e9solution ad\u00e9quates pour votre image finale. Il est int\u00e9ressant d&rsquo;observer les dimensions et la r\u00e9solution de l&rsquo;image depuis le d\u00e9but du processus de retouche des images dans Photoshop, m\u00eame si le redimensionnement de l&rsquo;image est g\u00e9n\u00e9ralement r\u00e9alis\u00e9 \u00e0 la fin de la pr\u00e9paration de l&rsquo;image.<\/p>\n<p>Tout d&rsquo;abord, voyons comment trouver les informations pour une image num\u00e9rique. Utilisez vos propres images en suivant les exemples.<\/p>\n<p><em>Les exemples de cette le\u00e7on tir\u00e9s d&rsquo;appareils photo num\u00e9riques ne comprennent pas de fichiers raw. Si vous utilisez le format raw de l&rsquo;appareil photo, consultez l&rsquo;aide de Photoshop pour voir comment ouvrir et enregistrer ce format au format d&rsquo;un fichier Photoshop.<\/em><\/p>\n<p><strong>Donn\u00e9es image<\/strong><\/p>\n<p>Dans cet exemple, la source de l&rsquo;image est un appareil photo num\u00e9rique. La destination de l&rsquo;image est une imprimante \u00e0 jet d&rsquo;encre imprim\u00e9e directement depuis Photoshop.<\/p>\n<p>-1. Ouvrez une image de l&rsquo;appareil num\u00e9rique et cr\u00e9ez une copie.<br \/>\n-2. Enregistrez au format PSD et fermez le fichier original.<\/p>\n<p><em>Pour voir rapidement les dimensions physiques de l&rsquo;image, affichez les r\u00e8gles au sommet et sur le c\u00f4t\u00e9 gauche de l&rsquo;image. L&rsquo;unit\u00e9 par d\u00e9faut de la r\u00e8gle est le pouce. Vous pouvez modifier ce param\u00e8tre dans les pr\u00e9f\u00e9rences.<\/em><\/p>\n<p>-3. S\u00e9lectionnez <strong>Affichage > R\u00e8gles<\/strong>. L&rsquo;exemple fait environ 24,13 x 29,21 cm, comme illustr\u00e9 \u00e0 la Figure 4-1.<\/p>\n<figure id=\"attachment_7545\" aria-describedby=\"caption-attachment-7545\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7545\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop01-4.jpg\" alt=\"Figure 4-1 : R\" title=\"Figure 4-1 : R\" class=\"caption\" align=\"center\" width=\"380\" height=\"498\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop01-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop01-4-229x300.jpg 229w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7545\" class=\"wp-caption-text\">Figure 4-1 : R<\/figcaption><\/figure>\n<p>-4. Au bas du document entre l&rsquo;ic\u00f4ne du document et la fl\u00e8che de raccourci du menu, appuyez sur <strong>Alt+clic<\/strong> et maintenez la souris pour afficher des d\u00e9tails suppl\u00e9mentaires sur votre image.<br \/>\n-5. S\u00e9lectionnez <strong>Image > Taille de l&rsquo;image<\/strong> (<strong>Ctrl+Alt+I<\/strong>) pour ouvrir la bo\u00eete de dialogue Taille de l&rsquo;image. Vous apporterez les modifications au niveau de la taille et de la r\u00e9solution de l&rsquo;image dans cette bo\u00eete de dialogue.<\/p>\n<p><em>Le fait de rogner une image modifie les dimensions physiques de l&rsquo;image et supprime des pixels.<\/em><\/p>\n<p>Vous pouvez \u00eatre surpris par la faible r\u00e9solution et les grandes dimensions de l&rsquo;image de l&rsquo;appareil photo. La grande taille vous donne un grand nombre de donn\u00e9es pixel, ce qui compense la plus faible r\u00e9solution. En comparaison, une image d&rsquo;un scanner est g\u00e9n\u00e9ralement d&rsquo;une r\u00e9solution \u00e9lev\u00e9e, comme illustr\u00e9 \u00e0 la Figure 4-2.<\/p>\n<figure id=\"attachment_7546\" aria-describedby=\"caption-attachment-7546\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7546\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop02-4.jpg\" alt=\"Figure 4-2 : Taille de l'image d'une num\" title=\"Figure 4-2 : Taille de l'image d'une num\" class=\"caption\" align=\"center\" width=\"380\" height=\"318\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop02-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop02-4-300x251.jpg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7546\" class=\"wp-caption-text\">Figure 4-2 : Taille de l&rsquo;image d&rsquo;une num<\/figcaption><\/figure>\n<p>Pour plus d&rsquo;informations sur l&rsquo;utilisation de Photoshop pour estimer la r\u00e9solution de votre num\u00e9risation, consultez l&rsquo;aide de Photoshop. <\/p>\n<hr \/>\n<p><strong>Redimensionnement de l&rsquo;image<\/strong><\/p>\n<p>Apr\u00e8s avoir r\u00e9vis\u00e9 les donn\u00e9es des images et termin\u00e9 la retouche, vous pouvez redimensionner l&rsquo;image pour l&rsquo;impression. La taille originale de l&rsquo;exemple est 24,13 x 30,19 cm. Mais vous souhaitez imprimer une image d&rsquo;environ 10 x 13 cm sur une imprimante jet d&rsquo;encre. La plupart des imprimantes jet d&rsquo;encre recommandent une r\u00e9solution de 250 x 300 ppp.<\/p>\n<p><em>Ce nombre varie en fonction de l&rsquo;imprimante.<\/em><\/p>\n<p>Les \u00e9tapes et instructions suivantes vous montrent comment modifier votre image pour r\u00e9pondre aux exigences de sortie :<\/p>\n<p>-1. Si n\u00e9cessaire, ouvrez la bo\u00eete de dialogue Taille de l&rsquo;image (<strong>Image > Taille de l&rsquo;image<\/strong>).<br \/>\n-2. D\u00e9cochez la case \u00e0 cocher <strong>R\u00e9\u00e9chantillonnage<\/strong> au bas de la bo\u00eete de dialogue.<\/p>\n<p>    Lorsque vous avez d\u00e9coch\u00e9 l&rsquo;option R\u00e9\u00e9chantillonnage, notez que les dimensions en pixels ne peuvent plus \u00eatre modifi\u00e9es. Si vous travaillez avec des images d&rsquo;appareils photo num\u00e9riques, vous souhaiterez conserver le nombre de pixels inchang\u00e9. Lorsque vous r\u00e9\u00e9chantillonnez une image, les pixels suppl\u00e9mentaires sont supprim\u00e9s. Photoshop utilise diff\u00e9rents types de m\u00e9thodes d&rsquo;interpolation pour d\u00e9terminer comment et quels pixels supprimer. <\/p>\n<p>-3. Entrez <strong>4<\/strong> pour la dimension de la largeur ou utilisez les curseurs d\u00e9roulants pour modifier le nombre. La valeur de la hauteur change automatiquement afin de conserver les proportions. Si vous commettez une erreur, cliquez avec le bouton droit et s\u00e9lectionnez <strong>Annuler<\/strong>. Si vous appuyez sur <strong>Alt<\/strong> pour r\u00e9initialiser, d\u00e9cochez la case \u00e0 cocher <strong>R\u00e9\u00e9chantillonnage.<\/strong><\/p>\n<p>Notez que lorsque vous diminuez la taille de l&rsquo;image, la r\u00e9solution augmente de 144 \u00e0 342 ppp (pixels par pouce), alors que le nombre de pixels reste le m\u00eame.<\/p>\n<p>La taille de l&rsquo;image est \u00e9galement conserv\u00e9e. Cela illustre la relation inverse entre la taille de l&rsquo;image et la r\u00e9solution. Dans l&rsquo;exemple, la taille de l&rsquo;image est diminu\u00e9e et la r\u00e9solution augment\u00e9e. Le contraire est vrai \u00e9galement : si vous augmentez la taille de l&rsquo;image, la r\u00e9solution diminue.<\/p>\n<p>Voyons une analogie pour visualiser cette relation. Un groupe de 16 carr\u00e9s peut \u00eatre r\u00e9organis\u00e9 en plusieurs combinaisons diff\u00e9rentes de colonnes et de rang\u00e9es. Cependant, quelle que soit la disposition, le nombre total de carr\u00e9s reste le m\u00eame.<\/p>\n<figure id=\"attachment_7547\" aria-describedby=\"caption-attachment-7547\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7547\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop03-4.jpg\" alt=\"Combinaisons de 16 carr\" title=\"Combinaisons de 16 carr\" class=\"caption\" align=\"center\" width=\"380\" height=\"496\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop03-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop03-4-230x300.jpg 230w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7547\" class=\"wp-caption-text\">Combinaisons de 16 carr<\/figcaption><\/figure>\n<p>Les 16 carr\u00e9s sont maintenant dispos\u00e9s dans une grille de quatre rang\u00e9es et de quatre colonnes pour s&rsquo;ins\u00e9rer dans une zone sp\u00e9cifique. Si la zone est plus petite que les carr\u00e9s, les 16 carr\u00e9s doivent diminuer de taille pour pouvoir s&rsquo;ins\u00e9rer dans la zone. C&rsquo;est la r\u00e9solution &#8212; plus la valeur de point par pixel est petite, plus la r\u00e9solution est grande.<\/p>\n<figure id=\"attachment_7548\" aria-describedby=\"caption-attachment-7548\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7548\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop04-4.jpg\" alt=\"Zone plus petite pour 16 carr\" title=\"Zone plus petite pour 16 carr\" class=\"caption\" align=\"center\" width=\"380\" height=\"200\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop04-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop04-4-300x158.jpg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7548\" class=\"wp-caption-text\">Zone plus petite pour 16 carr<\/figcaption><\/figure>\n<p>D&rsquo;autre part, les carr\u00e9s doivent \u00eatre agrandis pour s&rsquo;ins\u00e9rer dans un espace plus grand. De nouveau, c&rsquo;est la r\u00e9solution, plus la valeur de point par pixel est grande, plus la r\u00e9solution est petite.<\/p>\n<figure id=\"attachment_7549\" aria-describedby=\"caption-attachment-7549\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7549\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop05-4.jpg\" alt=\"Zone plus grande pour 16 carr\" title=\"Zone plus grande pour 16 carr\" class=\"caption\" align=\"center\" width=\"380\" height=\"147\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop05-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop05-4-300x116.jpg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7549\" class=\"wp-caption-text\">Zone plus grande pour 16 carr<\/figcaption><\/figure>\n<p>Supprimer certains carr\u00e9s pour que les carr\u00e9s restants s&rsquo;adaptent dans la zone, c&rsquo;est le r\u00e9\u00e9chantillonnage. Cela se produit lorsque vous supprimez des pixels pour vous adapter \u00e0 une zone donn\u00e9e.<\/p>\n<figure id=\"attachment_7550\" aria-describedby=\"caption-attachment-7550\" style=\"width: 302px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7550\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop06-4.jpg\" alt=\"R\" title=\"R\" class=\"caption\" align=\"center\" width=\"302\" height=\"220\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop06-4.jpg 302w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop06-4-300x219.jpg 300w\" sizes=\"auto, (max-width: 302px) 100vw, 302px\" \/><figcaption id=\"caption-attachment-7550\" class=\"wp-caption-text\">R<\/figcaption><\/figure>\n<p>La r\u00e9solution de notre exemple est de 342 pixels par pouce, ce qui est l\u00e9g\u00e8rement sup\u00e9rieur \u00e0 la plage (250 \u00e0 300) pour une imprimante jet d&rsquo;encre. Votre but est d&rsquo;optimiser la r\u00e9solution de l&rsquo;image aux fins d&rsquo;impression. Si la r\u00e9solution est bien moins importante que la r\u00e9solution recommand\u00e9e, l&rsquo;imprimante \u00e9tendra les pixels pour remplir l&rsquo;espace, mais la qualit\u00e9 sera moindre. Si la r\u00e9solution est trop \u00e9lev\u00e9e, l&rsquo;imprimante r\u00e9tr\u00e9cira ou supprimera des pixels pour s&rsquo;adapter \u00e0 l&rsquo;espace, et la qualit\u00e9 sera \u00e9galement moindre. En outre, la taille du fichier sera importante et ing\u00e9rable.<\/p>\n<p>V\u00e9rifiez les sp\u00e9cifications de votre imprimante et r\u00e9alisez quelques tests d&rsquo;impression pour d\u00e9terminer quelle r\u00e9solution offre la meilleure qualit\u00e9. En outre, le type de papier que vous utilisez affecte \u00e9galement la qualit\u00e9 de l&rsquo;impression.<\/p>\n<p>Dans l&rsquo;exemple, la r\u00e9solution de l&rsquo;image est acceptable pour un livre d&rsquo;art commercialis\u00e9 par exemple, mais la r\u00e9solution est inutilement trop \u00e9lev\u00e9e pour un bulletin d&rsquo;informations ou une brochure. Renseignez-vous pour les exigences de votre imprimeur. Vous pourriez utiliser 267 comme point de d\u00e9part parce qu&rsquo;il s&rsquo;agit du double du r\u00e9glage de lignes par pouce pour l&rsquo;impression de travaux moyens.<\/p>\n<p><em>Le lpp (lignes par pouce) est une unit\u00e9 de mesure indiquant la proximit\u00e9 des points demi-tons dans une grille avec un pouce lin\u00e9aire.<\/em><\/p>\n<p>Acceptez les nouvelles taille et r\u00e9solution pour voir l&rsquo;effet, comme suit :<\/p>\n<p>-1. Cliquez sur <strong>OK<\/strong> pour appliquer les nouvelles taille et r\u00e9solution.<br \/>\n-2. Notez que les r\u00e8gles refl\u00e8tent les nouvelles dimensions m\u00eame si l&rsquo;\u00e9cran semble le m\u00eame.<\/p>\n<p>Pour diminuer la r\u00e9solution \u00e0 250 pour une imprimante jet d&rsquo;encre, proc\u00e9dez comme suit:<\/p>\n<p>-1. Ouvrez \u00e0 nouveau la bo\u00eete de dialogue Taille de l&rsquo;image (I<strong>mage > Taille de l&rsquo;image<\/strong>).<br \/>\n-2. Cochez la case \u00e0 cocher <strong>R\u00e9\u00e9chantillonnage<\/strong>.<br \/>\n-3. Modifiez la r\u00e9solution sur un nombre inf\u00e9rieur, par exemple <strong>250<\/strong> et s\u00e9lectionnez un type de m\u00e9thode d&rsquo;interpolation dans le menu d\u00e9roulant R\u00e9\u00e9chantillonnage. Soit laissez Bicubique, soit s\u00e9lectionnez <strong>Bicubique plus net<\/strong>.<\/p>\n<p>Consultez l&rsquo;aide de Photoshop pour obtenir une description compl\u00e8te des m\u00e9thodes d&rsquo;interpolation. Bicubique plus net est disponible dans Photoshop CS et CS2 mais pas dans les versions pr\u00e9c\u00e9dentes.<\/p>\n<p>Comme vous pouvez le voir dans la Figure 4-3, lorsque la r\u00e9solution est modifi\u00e9e, le nombre de pixels est \u00e9galement modifi\u00e9. Cette m\u00e9thode est appel\u00e9e <strong>sous-\u00e9chantillonnage<\/strong> parce que vous diminuez le nombre de pixels.<\/p>\n<figure id=\"attachment_7551\" aria-describedby=\"caption-attachment-7551\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7551\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop07-4.jpg\" alt=\"Figure 4-3 : Modification de la r\" title=\"Figure 4-3 : Modification de la r\" class=\"caption\" align=\"center\" width=\"380\" height=\"392\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop07-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop07-4-291x300.jpg 291w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7551\" class=\"wp-caption-text\">Figure 4-3 : Modification de la r<\/figcaption><\/figure>\n<p>Vous pouvez modifier les dimensions et la r\u00e9solution de l&rsquo;image ou d&rsquo;une autre image ouverte pour correspondre aux param\u00e8tres dont vous disposez dans la bo\u00eete de dialogue Taille de l&rsquo;image. Lorsque la bo\u00eete de dialogue est ouverte, s\u00e9lectionnez le nom ou un fichier ouvert dans le menu Fen\u00eatre.<\/p>\n<p>Maintenant que vous savez comment redimensionner une image pour l&rsquo;impression, voyons comment faire pour une image \u00e0 afficher \u00e0 l&rsquo;\u00e9cran. Vous devez d&rsquo;abord savoir ce qu&rsquo;est la r\u00e9solution d&rsquo;\u00e9cran.<\/p>\n<p>Une image affich\u00e9e \u00e0 l&rsquo;\u00e9cran d\u00e9pend de la r\u00e9solution d&rsquo;affichage de l&rsquo;\u00e9cran qui poss\u00e8de un nombre fixe de pixels pour chaque r\u00e9glage de r\u00e9solution d&rsquo;\u00e9cran. Comme chaque pixel poss\u00e8de ses propres donn\u00e9es RVB, une image qui doit \u00eatre affich\u00e9e \u00e0 l&rsquo;\u00e9cran ne n\u00e9cessite pas une r\u00e9solution aussi \u00e9lev\u00e9e qu&rsquo;une image qui doit \u00eatre imprim\u00e9e. Une image produite par une imprimante est cr\u00e9\u00e9e par des points d&rsquo;encre en quatre couleurs. Il faut beaucoup plus de points plus proches les uns des autres pour obtenir la m\u00eame qualit\u00e9 d&rsquo;image sur papier. D\u00e8s lors, une image pour affichage \u00e0 l&rsquo;\u00e9cran peut pr\u00e9senter une r\u00e9solution moins \u00e9lev\u00e9e et tout de m\u00eame offrir une bonne qualit\u00e9.<\/p>\n<p>A la lecture de diff\u00e9rentes sources sur la r\u00e9solution des images pour affichage \u00e0 l&rsquo;\u00e9cran, l&rsquo;on constate souvent de grandes divergences d&rsquo;opinion. Certaines sources estiment que le r\u00e9glage de la r\u00e9solution dans la bo\u00eete de dialogue Taille de l&rsquo;image peut \u00eatre ignor\u00e9 alors que d&rsquo;autres indiquent que le nombre magique est 72 ppp, qui est d&rsquo;ailleurs reconnu comme standard.<\/p>\n<p><em>Il y a une relation entre la taille du fichier et la r\u00e9solution. Une r\u00e9solution moins \u00e9lev\u00e9e entra\u00eene une taille de fichier moins importante. D\u00e8s lors, il suffit de diminuer la r\u00e9solution pour obtenir une taille de fichier moins importante.<\/em> <\/p>\n<hr \/>\n<p>Image pour affichage \u00e0 l&rsquo;\u00e9cran<\/p>\n<p>Il est difficile de visualiser quelle taille donner \u00e0 une image \u00e0 l&rsquo;\u00e9cran. Voyons donc comment estimer la taille \u00e0 utiliser comme point de d\u00e9part. Tout d&rsquo;abord, vous devez commencer avec le r\u00e9glage de l&rsquo;affichage de la r\u00e9solution de l&rsquo;\u00e9cran. Comme les personnes qui vont visualiser les images ne poss\u00e8dent pas la m\u00eame r\u00e9solution d&rsquo;\u00e9cran, vous devez opter pour une r\u00e9solution standard. Depuis 2003, la r\u00e9solution standard est 1024 x 768.<\/p>\n<p>Avec un r\u00e9glage d&rsquo;\u00e9cran de 1024 x 768 et la fen\u00eatre du navigateur maximis\u00e9e, la largeur doit \u00eatre l\u00e9g\u00e8rement inf\u00e9rieure \u00e0 1024 pixels, \u00e0 cause des barres de d\u00e9filement. Si l&rsquo;image prend la moiti\u00e9 de la page, la taille de l&rsquo;image est de 512 pixels (1024 divis\u00e9 par 2). Vous pouvez \u00e9galement utiliser 500 pixels pour plus de facilit\u00e9. Si l&rsquo;image prend un quart de la largeur de la page, la taille de l&rsquo;image est de 256 pixels (1024 divis\u00e9 par 4). Comme vous conservez les proportions, vous ne devez vous soucier que de la largeur.<\/p>\n<p>Vous pouvez utiliser la m\u00eame m\u00e9thode pour estimer la taille de l&rsquo;image pour un diaporama \u00e0 l&rsquo;\u00e9cran ou pour utiliser une image dans PowerPoint. Dans ce cas, veillez \u00e0 estimer la taille sur base de l&rsquo;ordinateur qui assurera la pr\u00e9sentation. Si le diaporama est affich\u00e9 sur un grand \u00e9cran multim\u00e9dia ou sur un projecteur, peut-\u00eatre devrez-vous modifier les deux dimensions pour vous adapter au rapport du syst\u00e8me de projection.<\/p>\n<p>Pour redimensionner une image pour affichage sur une page web ou pour envoi via e-mail, proc\u00e9dez comme suit :<\/p>\n<p>-1. Ouvrez l&rsquo;image originale et s\u00e9lectionnez <strong>Image > Taille de l&rsquo;image<\/strong>.<br \/>\n-2. Laissez coch\u00e9e l&rsquo;option R\u00e9\u00e9chantillonnage et laissez la m\u00e9thode d&rsquo;interpolation sur Bicubique.<br \/>\n-3. Modifiez la largeur sur <strong>500<\/strong> qui repr\u00e9sente approximativement la moiti\u00e9 de la largeur de l&rsquo;\u00e9cran r\u00e9gl\u00e9 sur une r\u00e9solution de 1024 x 768.<\/p>\n<p>Pour une plus petite taille du fichier, vous pouvez modifier la r\u00e9solution sur <strong>72<\/strong> ppp et r\u00e9gler les dimensions des pixels en cons\u00e9quence. Ne vous pr\u00e9occupez pas de la modification de la taille du document car la pr\u00e9sente section porte uniquement sur la taille de l&rsquo;image lors de l&rsquo;impression.<\/p>\n<p>Votre image est maintenant redimensionn\u00e9e pour affichage sur une page web ou pour envoi via e-mail. Si l&rsquo;image est destin\u00e9e \u00e0 une page web, ouvrez-la dans ImageReady pour l&rsquo;optimiser pour le web.<\/p>\n<p>Il vous reste une derni\u00e8re op\u00e9ration \u00e0 accomplir pour que votre image soit tout \u00e0 fait pr\u00eate. Vous devez enregistrer une copie du fichier sous un format de fichier diff\u00e9rent qui est compatible avec votre sortie. Pour les images de pages web ou pour envoi via e-mail, JPEG est g\u00e9n\u00e9ralement le format le mieux adapt\u00e9. <\/p>\n<hr \/>\n<p><strong>Pr\u00e9paration de votre image<\/strong><\/p>\n<p>Tout comme une taille d&rsquo;image ne convient pas \u00e0 tous les types de sortie, un format de fichier ne fonctionne pas pour tous les types. Chaque format poss\u00e8de son propre ensemble d&rsquo;options. Lorsque vous enregistrez un fichier au format JPEG par exemple, vos calques ne sont pas enregistr\u00e9s. Veillez \u00e0 ne pas \u00e9craser le fichier Photoshop original qui contient les calques.<\/p>\n<p>Lorsque vous utilisez la fonction Dupliquer dans Photoshop pour cr\u00e9er une copie d&rsquo;un fichier et l&rsquo;enregistrer sous un nouveau nom, vous obtenez le m\u00eame r\u00e9sultat qu&rsquo;en enregistrant le fichier PSD avec l&rsquo;option Enregistrer en tant que copie coch\u00e9e dans la bo\u00eete de dialogue Enregistrer sous.<\/p>\n<p>Pour plus d&rsquo;informations sur les options d&rsquo;enregistrement, reportez-vous \u00e0 l&rsquo;aide de Photoshop.<\/p>\n<p>Lorsque vous devez ouvrir un fichier graphique dans un autre programme que Photoshop, v\u00e9rifiez les formats de fichier support\u00e9s par cet autre programme. G\u00e9n\u00e9ralement, les produits Adobe de la suite Creative supportent les fichiers PSD et disposent des options de calque. Si vous pr\u00e9voyez d&rsquo;imprimer un fichier depuis Photoshop, vous ne devez pas l&rsquo;enregistrer sous un format de fichier diff\u00e9rent.<\/p>\n<p>Pour enregistrer votre image au format JPEG pour utilisation dans PowerPoint, proc\u00e9dez comme suit :<\/p>\n<p>-1. S\u00e9lectionnez <strong>Fichier > Enregistrer sous<\/strong>.<br \/>\n-2. Modifiez le type de format de fichier en <strong>JPEG<\/strong> (<strong>*.JPG<\/strong>; <strong>*.JPEG<\/strong>;<strong>*.JPE<\/strong>), entrez un nouveau nom pour le fichier et cliquez ensuite sur <strong>Enregistrer.<\/strong> La bo\u00eete de dialogue Options JPEG appara\u00eet.<br \/>\n-3. Dans la bo\u00eete de dialogue Options JPEG, telle qu&rsquo;illustr\u00e9e \u00e0 la Figure 4-4, r\u00e9glez \u00e9ventuellement le param\u00e8tre de qualit\u00e9. Ce param\u00e8tre d\u00e9termine l&rsquo;ampleur de la compression. Plus la compression est importante, plus la taille du fichier est petite. La valeur de Qualit\u00e9 maximale est <strong>12<\/strong>, cela repr\u00e9sente une compression minimale et une taille de fichier maximale.<\/p>\n<figure id=\"attachment_7552\" aria-describedby=\"caption-attachment-7552\" style=\"width: 380px\" class=\"wp-caption aligncenter\"><img loading=\"lazy\" decoding=\"async\" class=\" aligncenter size-full wp-image-7552\" src=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop08-4.jpg\" alt=\"Figure 4-4 : Bo\" title=\"Figure 4-4 : Bo\" class=\"caption\" align=\"center\" width=\"380\" height=\"355\" srcset=\"https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop08-4.jpg 380w, https:\/\/destinationcyber.com\/wp-content\/uploads\/2007\/05\/jpg_Photoshop08-4-300x280.jpg 300w\" sizes=\"auto, (max-width: 380px) 100vw, 380px\" \/><figcaption id=\"caption-attachment-7552\" class=\"wp-caption-text\">Figure 4-4 : Bo<\/figcaption><\/figure>\n<p>Ne modifiez pas la valeur par d\u00e9faut des autres param\u00e8tres parce qu&rsquo;ils concernent la mani\u00e8re dont le fichier JPEG appara\u00eetra sur une page web.<br \/>\nEt maintenant&#8230;<\/p>\n<p>Dans cette le\u00e7on, vous avez appris les principes des dimensions et de la r\u00e9solution des images. Vous avez appris \u00e0 utiliser la bo\u00eete de dialogue Taille de l&rsquo;image pour redimensionner une image d&rsquo;un appareil photo sans supprimer de pixels et \u00e0 optimiser la r\u00e9solution pour impression et affichage \u00e0 l&rsquo;\u00e9cran.<\/p>\n<p>R\u00e9fl\u00e9chissez un instant \u00e0 toutes les connaissances que vous avez acquises en peu de temps sur Photoshop. Vous pouvez maintenant poursuivre votre route dans l&rsquo;univers de la retouche, de la cr\u00e9ation et de la pr\u00e9paration d&rsquo;images. <\/p>\n<p>Fanch, le webmestre<\/p>\n","protected":false},"excerpt":{"rendered":"<p>Principes de base de la r\u00e9solution et de la taille des images Maintenant que vous allez continuer \u00e0 progresser dans l&rsquo;apprentissage de la retouche d&rsquo;image et de la mani\u00e8re de cr\u00e9er des images de haute qualit\u00e9, vous devrez savoir comment pr\u00e9parer l&rsquo;image pour sa destination finale. Vous allez voir qu&rsquo;une dimension d&rsquo;image ne convient pas [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":7545,"comment_status":"closed","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_citadela_custom_class":"","footnotes":""},"categories":[40],"tags":[],"class_list":["post-7553","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-webdesign"],"_links":{"self":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/posts\/7553","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=7553"}],"version-history":[{"count":0,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/posts\/7553\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=\/wp\/v2\/media\/7545"}],"wp:attachment":[{"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=7553"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=7553"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/destinationcyber.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=7553"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}