Guide
DPI contre PPI contre densité de pixels : guide pratique pour les designers
L’un décrit une imprimante. L’un décrit une image. L’un décrit un écran. Les confondre coûte du temps de design.
By Buğra SözeriPublished
Trois chiffres, trois significations :
- DPI (points par pouce) — combien de points d’encre une imprimante place par pouce linéaire. Une propriété matérielle de l’imprimante.
- PPI (pixels par pouce) — combien de pixels d’image s’impriment ou s’affichent par pouce linéaire à la taille cible. Une propriété de la façon dont l’image est rendue.
- Densité de pixels — les pixels appareil par pixel CSS sur un écran. Une propriété de l’écran (Retina, 4K, etc.).
Presque tous les outils de design étiquettent leur champ “résolution” comme DPI alors qu’ils signifient réellement PPI. L’abus est si ancré que la règle empirique est : quand un designer dit DPI, supposez PPI à moins qu’il ne parle littéralement de la sortie nominale d’une imprimante physique.
Ce que chaque chiffre vous dit réellement
DPI (imprimante ou scanner)
Les jets d’encre modernes fonctionnent à 1200-4800 DPI. Les imprimantes laser à 600-2400 DPI. Ces deux chiffres décrivent la finesse avec laquelle le matériel peut placer des points d’encre, pas la quantité de détails d’image qu’une page peut contenir. Une imprimante 4800 DPI ne peut pas imprimer une image de 4800 PPI — la résolution d’image efficace typique plafonne à 300-400 PPI même sur les meilleures jets d’encre.
PPI (le chiffre image-rencontre-taille-cible)
PPI décrit une image uniquement lorsque vous spécifiez une taille physique cible. Une image de 3000×2000 pixels imprimée à 10×6,67 pouces est à 300 PPI. Imprimée à 5×3,33 pouces c’est 600 PPI. Même fichier, trois valeurs PPI différentes.
Règles standard pour le PPI dont vous avez besoin :
- 72-96 PPI — affichage web. Les navigateurs ignorent le PPI intégré ; seul le nombre de pixels compte.
- 150 PPI — impression journal, grande affiche vue de loin.
- 300 PPI — livre, magazine, photo imprimée vue à bras tendu.
- 600+ PPI — art au trait, dessins techniques, typographie fine.
Densité de pixels (le chiffre Retina)
Sur les écrans modernes, “1 pixel” en CSS n’est pas un pixel d’écran. Les iPhones, MacBook Pro et la plupart des téléphones Android modernes utilisent un devicePixelRatiode 2 ou 3 — ce qui signifie qu’un pixel CSS correspond à 2× ou 3× les pixels physiques. C’est pourquoi un designer travaillant dans Figma à 1× produit des images qui semblent floues sur un téléphone sauf s’il exporte à 2× ou 3×.
Chiffres pratiques pour les livrables courants
| Livrable | Dimensions en pixels | PPI | Notes |
|---|---|---|---|
| Carte Open Graph | 1200 × 630 | 72 (ignoré) | Les navigateurs/réseaux sociaux lisent uniquement les pixels. |
| Image hero Retina | 2400 × 1200 (CSS 1200×600) | 72 | 2× DPR est le plancher pratique ; 3× pour le premium. |
| A4 imprimé à 300 PPI | 2480 × 3508 | 300 | Pour l’impression livre/brochure. |
| Carte de visite US, 300 PPI | 1050 × 600 (+ fond perdu) | 300 | Ajoutez 0,125" de fond perdu tout autour → 1125 × 675. |
| Panneau publicitaire (16 pi × 8 pi) | 1920 × 960 à ~10 PPI | 10-15 | Vu de 15+ mètres — l’exigence PPI s’effondre. |
Où la confusion fait mal
1. Le problème de l’export “72 DPI”
Un designer construit dans Figma/Sketch à “72 DPI” (ce qui n’a aucun sens sur écran), exporte un PDF, et l’envoie à une imprimerie. L’imprimerie reçoit un fichier qui affirme 72 PPI dans ses métadonnées ; la sortie rendue est à ¼ de la densité prévue. Solution : réexportez à 300 PPI etassurez-vous que le nombre de pixels est suffisant pour supporter cette densité.
2. Exports Retina @1×
Un designer travaillant dans Figma à 1× exporte une icône exactement aux dimensions CSS (par ex. 24×24 px). Sur un appareil 3×, l’icône s’affiche floue. Solution : exportez @1× plus @2× et @3×, puis utilisez HTML srcset ou image-set en CSS.
3. Confondre le PPI source avec le PPI cible
Un photographe prend une image raw de 6000×4000 pixels. L’appareil intègre des métadonnées 300 PPI. Le photographe la dépose dans une mise en page web 600×400. L’image a 10× plus de données pixels que nécessaire. Solution : réduisez aux dimensions cibles en pixels (ou 2× pour Retina) via notre outil de redimensionnement d’images.
Référence rapide : quand chaque chiffre compte
- Web : seuls le nombre de pixels + DPR comptent. Ignorez les métadonnées PPI intégrées.
- Impression : le PPI compte absolument. Faites-le correspondre à la distance de visualisation de l’impression.
- Archives photographiques : conservez la source originale pleine résolution. Générez des variantes réduites pour chaque usage.
- Design UI : dessinez à 1× dimensions CSS, exportez à 2× et 3×.
Pour la comparaison approfondie, consultez notre comparaison DPI contre PPI. Pour le côté conversion de couleurs du design, la page de méthodologie couleur couvre RGB contre CMYK et les profils ICC.
Erreurs courantes
- Modifier le champ PPI dans Photoshop au lieu de rééchantillonner.Modifier PPI sans rééchantillonner change uniquement les métadonnées de taille d’impression ; le nombre de pixels et la qualité visible restent inchangés.
- Concevoir dans Figma à 2× par défaut.Figma utilise 1 unité = 1 pixel CSS. Si vous concevez à des dimensions 2×, votre export @1× sera deux fois la taille prévue et votre @2× sera 4×. Concevez à 1× ; laissez l’export gérer les multiplicateurs.
- Oublier le fond perdu et la découpe à l’impression.Une carte de visite à 8,89 cm × 5,08 cm a besoin de 9,21 cm × 5,40 cm (3,175 mm de fond perdu). À 300 PPI c’est 1087 × 637 pixels, pas 1050 × 600.
Frequently asked questions
- Quelle est la différence entre DPI et PPI ?
- DPI (points par pouce) est une propriété physique de l’imprimante décrivant combien de points d’encre la tête d’impression place par pouce. PPI (pixels par pouce) décrit combien de pixels d’image s’impriment ou s’affichent par pouce linéaire à une taille donnée. Une image de 300 PPI est idéale pour une imprimante de 300 DPI, mais les termes décrivent des choses différentes.
- Quel PPI les images doivent-elles avoir pour l’impression professionnelle ?
- 300 PPI est la norme pour l’impression offset et photo. Pour les grands formats vus de plus d’1 m, 150 PPI est généralement suffisant. Les images uniquement pour écran n’ont pas besoin de plus de 72–96 PPI.
- Que signifie un ratio de pixels appareil de 2 ?
- Un ratio de pixels appareil (DPR) de 2 signifie que l’écran a 2 pixels physiques par pixel CSS dans chaque dimension, soit 4 pixels matériels par pixel logique. C’est le standard Retina d’Apple et c’est pourquoi les images @2x sont nécessaires pour un affichage net sur ces écrans.
- Pourquoi sauvegarder un JPEG à 72 DPI contre 300 DPI ne change pas la taille du fichier ?
- La balise de métadonnées DPI/PPI intégrée dans un JPEG ne change pas le nombre de pixels — elle indique seulement aux logiciels comment afficher ou imprimer l’image. La taille du fichier est déterminée par les dimensions en pixels et le niveau de compression, pas par la balise DPI.
- Comment calculer les dimensions en pixels nécessaires pour une impression 5×7 pouces à 300 DPI ?
- Multipliez chaque dimension d’impression par le DPI cible : 5 × 300 = 1500 pixels de large et 7 × 300 = 2100 pixels de haut. Un 5×7 à 300 DPI nécessite donc au moins une image de 1500×2100 pixels.
Related
Published May 16, 2026