Aller au contenu
Dimensions9 min de lecture

Dimensions, résolution et DPI pour le web et l’impression

Les dimensions décrivent le nombre de pixels. PPI décrit la densité de pixels lors d’une impression. DPI décrit plutôt les points produits par une imprimante. Pour le web, ce sont d’abord les dimensions en pixels et la taille d’affichage qui comptent.

Mis à jour le 30 août 2026

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.

Exemples de calcul à 300 ppi
Largeur impriméeCalculPixels approximatifs
10 cm10 / 2,54 x 3001181 px
15 cm15 / 2,54 x 3001772 px
20 cm20 / 2,54 x 3002362 px
30 cm30 / 2,54 x 3003543 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 image

Outil spécialisé : Recadrer et redimensionner

Questions sur la résolution

Sources et références

  1. [1]Resolution specs for printing images - Adobe Photoshop
  2. [2]Serve responsive images - web.dev
  3. [3]HTMLCanvasElement: toBlob() method - MDN Web Docs