Optimiser une photo numérique selon son usage
document en cours de publication
D’après un article du site Canva : https://www.canva.com/fr_fr/decouvrir/redimensionner-une-image/
Avant-propos : Qu’est-ce que la résolution d’une image (ou d’une vidéo) ?
Une image numérique est constituée d’un ensemble de points que l’on appelle des pixels. Cette unité permet de mesurer la hauteur et la largeur d’une image.
La résolution est exprimée en nombre de pixels par pouce ou dpi (Dots Per Inch = points par pouce).
Plus le nombre de dpi est grand, plus la qualité augmente (plus de points sur une surface, donc plus de précision) et plus le fichier est volumineux. Inversement, plus le nombre de dpi est petit, plus la qualité diminue (moins de points sur une surface), mais plus l’image est légère.
[Exemples visuels image + même image agrandie => pixellisation]
Cette pixellisation peut être un effet artistique en soi, d’ailleurs les élèves sont friands de ‘’pixel art’’ !
1) pourquoi optimiser ?
Les photos numériques prises avec un smartphone, une tablette ou un APN (appareil photo-numérique) sont par défaut en trop haute résolution.
Plus une image est légère, plus rapide est son affichage. Réduire le poids d’une image permet donc d’améliorer vos publications en ligne :
– c’est d’une part un moyen de réduire la charge des serveurs donc d’économiser de l’énergie ;
– d’autre part, c’est décourageant pour les visiteurs de vos pages publiées qui ne bénéficient pas d’un haut-débit de connexion ;
– accessoirement, cela diminue l’encombrement de vos supports de stockage !
L’optimisation d’une image se fera essentiellement selon ces 3 principes :
1.1) réduire la taille du fichier-image (on parle aussi de poids d’une image)
Dans le cadre d’une diffusion en ligne, on réduira le poids d’une image et sa résolution principalement pour deux raisons :
– une publication en ligne : blog de l’ENT, site Internet de classe ou d’école, etc.
– un envoi par courriel (limite du poids des pièces jointes)
1.2) redimensionner une image
Inutile d’avoir une image plus grande qu’une page A4 si c’est pour l’afficher au sein d’un paragraphe dans un format de 7 x 4 cm.
Notez que redimensionner une image directement par les ‘’poignées de dimensionnement’’ n’agit que sur son aspect visuel mais conserve la taille originale du fichier-image.
De même, si vous n’utilisez qu’une partie de l’image par recadrage (en anglais : crop), la taille originale du fichier sera conservée.
Cf 2.2 ci-après
Ce redimensionnement permet donc aussi de réduire le poids de l’image.
1.3) réduire la résolution d’une image
il est utile de connaître ces deux standards de résolution d’images :
– résolution pour impression (‘’print’’ > sortie papier) : 300 dpi, pour une qualité d’image optimale
– résolution pour affichage ‘’web’’ : 72 dpi, pour un affichage rapide et un poids réduit de l’image
2) comment optimiser ?
Veillez à toujours garder l’image originale et d’agir sur une copie. Certaines actions sont irréversibles.
2.1) compression d’image : disponible sur les formats JPG ou JPEG, elle a pour défaut de dégrader l’image originale.
On agit alors sur le taux de compression, exprimé en pourcentage.
Au plus le taux est élevé, au plus on réduit la taille du fichier ; il faut donc trouver le bon compromis, sachant qu’un taux de 15 à 20 % reste intéressant. Utilisez la prévisualisation, le cas échéant.
[exemples visuels de différents taux de compression]
2.2) redimensionner < > selon destination de l’image
Cette action se réalise soit directement dans l’application de mise en page, soit avec un logiciel de retouche d’images ou une application en ligne (attention à la confidentialité perdue pour des photos d’élèves !).
On agit alors sur le ratio de l’image, exprimé soit en pourcentage, soit en pixels (dpi), soit en pouces ou en millimètres pour un logiciel avec interface en français.
2.3) réduire la résolution < > selon destination de l’image
Cette action se réalise plutôt avec un logiciel de retouche d’images. La valeur est exprimée en pixels par pouce ou en pixels par centimètre.
En résumé, si vous envisagez d’utiliser une même image pour une impression et pour un affichage web, il sera nécessaire de créer deux images aux dimensions, au poids et à la résolution différents !