Les trois notions
- Pixels: largeur et hauteur réelles de l’image.
- PPI: pixels répartis sur un pouce imprimé.
- DPI: points physiques de l’imprimante, pas dimensions du fichier web.
- Rééchantillonnage: création ou suppression de pixels lors d’un redimensionnement.
Dimensions en pixels pour les écrans
Une image de 1600 x 900 contient cette grille de pixels quelle que soit la valeur DPI inscrite dans ses métadonnées. Sur le web, le navigateur l’affiche à une taille CSS déterminée par la mise en page.
Pour un emplacement de 800 pixels CSS, une source de 800 pixels peut suffire sur un écran standard. Une version de 1600 pixels peut améliorer la netteté sur un écran à densité 2x, au prix d’un transfert plus lourd.
Sources : [2]
PPI et DPI pour l’impression
PPI relie le nombre de pixels à une taille physique. Une image de 3000 pixels imprimée à 300 ppi couvre 10 pouces sur ce côté. Réduire la taille imprimée augmente la densité sans inventer de pixels.
Adobe présente 300 ppi comme une référence courante pour un tirage de haute qualité vu de près, tout en rappelant que les grands formats observés à distance peuvent utiliser une densité inférieure. DPI concerne la résolution du périphérique d’impression.
Sources : [1]
Calculer les pixels nécessaires
La formule est simple: taille en pouces multipliée par la densité en ppi donne les pixels nécessaires. Pour convertir des centimètres en pouces, divisez par 2,54.
Exemple: un tirage de 15 cm de large à 300 ppi demande environ 1772 pixels de large. Ce calcul indique une cible, mais le papier, l’imprimante, la distance et le contenu influencent aussi le résultat.
| Largeur imprimée | Calcul | Pixels approximatifs |
|---|---|---|
| 10 cm | 10 / 2,54 x 300 | 1181 px |
| 15 cm | 15 / 2,54 x 300 | 1772 px |
| 20 cm | 20 / 2,54 x 300 | 2362 px |
| 30 cm | 30 / 2,54 x 300 | 3543 px |
Redimensionner sans déformer
Conserver les proportions lie largeur et hauteur. Si vous fixez seulement la largeur, le convertisseur calcule la hauteur correspondante. Désactiver ce lien et imposer deux valeurs incompatibles étire ou écrase l’image.
Réduire retire des pixels et donne généralement un résultat prévisible. Agrandir oblige un algorithme à estimer de nouveaux pixels: la grille grandit, mais aucun nouveau détail réel n’apparaît.
Sources : [1]
Choisir une cible par destination
Pour le web et l’e-mail, partez de la largeur d’affichage maximale et prévoyez une variante plus dense uniquement si la netteté le justifie. Pour l’impression, partez de la taille physique et de la densité demandée par le prestataire.
Certaines sorties créées via Canvas peuvent porter une valeur de résolution par défaut dans leurs métadonnées. Cela ne change pas leur nombre de pixels. Vérifiez la taille d’impression dans le logiciel destinataire si elle est contractuelle.
- Web: dimensions CSS et variantes responsives
- E-mail: dimensions raisonnables et poids limité
- Réseaux: vérifier les spécifications actuelles de la plateforme
- Impression: taille physique, ppi et profil demandés
- Archive: conserver les pixels originaux
Sources : [3]
Définir des dimensions utiles
Saisissez une largeur ou une hauteur, conservez les proportions et exportez une copie adaptée à sa destination.
Redimensionner une imageOutil spécialisé : Recadrer et redimensionner
Questions sur la résolution
Conversions liées
Sources et références
- [1]Resolution specs for printing images - Adobe Photoshop
- [2]Serve responsive images - web.dev
- [3]HTMLCanvasElement: toBlob() method - MDN Web Docs