Une image peut être nette à l’écran tout en affichant une résolution de 72 dpi, mais ce nombre ne suffit pas à déterminer son apparence. Je vais clarifier la différence entre pixels, ppp et taille d’affichage, puis vous donner des repères concrets pour choisir le bon format, alléger vos fichiers et éviter les erreurs d’export.
Le point essentiel à retenir pour vos fichiers numériques
- Les pixels déterminent principalement la taille et la netteté visibles à l’écran.
- La mention 72 ppp concerne surtout les métadonnées et la taille physique prévue pour l’impression.
- Pour le web, privilégiez des dimensions adaptées, un profil sRGB et une compression maîtrisée.
- JPEG, PNG, WebP et AVIF répondent à des besoins différents.
- Une image destinée à l’impression doit généralement être préparée à 300 ppp, selon le procédé utilisé.
Ce que mesure réellement cette résolution
Le terme dpi signifie « dots per inch », soit points par pouce. En français, on parle souvent de ppp, même si la distinction technique entre pixels par pouce et points d’impression existe. Pour une image numérique, le nombre le plus important reste généralement son nombre réel de pixels, par exemple 1 920 × 1 080 px.
La valeur inscrite dans les propriétés du fichier indique surtout une intention de taille physique. Une image de 3 000 × 2 000 pixels peut être enregistrée à 72, 96 ou 300 ppp sans changer son contenu visuel, à condition de ne pas rééchantillonner l’image. Les pixels restent les mêmes, et c’est cela qui compte directement dans un navigateur.
Pourquoi cette ancienne référence existe encore
La valeur de 72 ppp vient en partie des anciens écrans et des habitudes de travail des logiciels graphiques. Elle est devenue une référence pratique pour les images destinées à l’écran, mais les moniteurs actuels affichent des densités très différentes, souvent bien supérieures à cette valeur.
Je vois encore beaucoup de fichiers préparés pour le web avec une obsession du réglage à 72 ppp. Or, une photo de 1 200 × 800 pixels à 300 ppp s’affichera normalement à l’écran si le navigateur exploite ses dimensions en pixels. Modifier uniquement la résolution enregistrée ne la rendra ni plus nette ni plus légère.
Pourquoi les pixels comptent davantage sur un écran
Sur un site web, une image est affichée selon sa largeur et sa hauteur en pixels. Une bannière de 1 920 × 600 px occupera une zone bien plus large qu’une image de 800 × 400 px, quelle que soit la valeur ppp inscrite dans ses métadonnées.
La netteté dépend surtout de la correspondance entre la définition du fichier et la taille d’affichage. Si vous agrandissez une petite image, le navigateur doit inventer des informations entre les pixels existants. Le résultat devient flou ou laisse apparaître des contours irréguliers.
Le cas des écrans haute densité
Les smartphones et certains ordinateurs affichent deux pixels physiques ou davantage pour un pixel d’interface. Pour une image particulièrement nette, on peut donc préparer une version environ deux fois plus grande que sa taille d’affichage prévue, puis la réduire avec le code du site.
Par exemple, une vignette affichée à 400 × 300 px peut être exportée en 800 × 600 px pour les écrans haute densité. Cette méthode améliore la finesse, mais elle augmente aussi le poids du fichier. Je ne l’applique que lorsque le détail visuel le justifie, car une image deux fois plus grande peut peser beaucoup plus lourd.
La différence entre résolution et définition
La définition correspond au nombre total de pixels d’une image, comme 2 400 × 1 600 px. La résolution exprime une densité par unité de longueur, tandis que la taille d’affichage indique l’espace réellement occupé dans une page ou une mise en page.
Cette distinction évite une erreur fréquente. Changer la résolution de 300 à 72 ppp sans modifier les dimensions en pixels ne dégrade pas automatiquement la qualité à l’écran. En revanche, réduire le nombre de pixels entraîne une perte de détail irréversible si vous ne conservez pas une copie originale.
Quelle valeur choisir selon l’usage du fichier
Le meilleur réglage dépend du support final, et non d’une règle universelle. Pour une publication numérique, je commence par définir la taille d’affichage en pixels, puis je choisis le format et le niveau de compression adaptés.
| Usage | Repère pratique | Point de vigilance |
|---|---|---|
| Article de blog | 1 200 à 1 600 px de large | Compresser sans rendre le texte ou les détails flous |
| Bannière pleine largeur | 1 920 à 2 560 px de large | Prévoir un recadrage mobile |
| Réseaux sociaux | Selon le format de la plateforme | Conserver une copie source non compressée |
| Présentation ou PDF écran | 96 à 150 ppp selon le document | Vérifier le poids total du fichier |
| Impression photo | Environ 300 ppp à la taille finale | La qualité dépend aussi du papier et du procédé |
Pour une image web, une largeur de 1 200 à 1 600 pixels suffit souvent pour un article classique. Envoyer une photo de 6 000 pixels de large n’apporte pas toujours un gain visible et ralentit le chargement, surtout sur une connexion mobile.
Pour l’impression, le raisonnement change. Une photo de 3 000 × 2 000 pixels imprimée à 300 ppp mesure environ 25,4 × 16,9 cm. Si vous l’imprimez plus grande, la densité baisse, mais le résultat peut rester satisfaisant selon la distance de lecture et le type de visuel.
Les bons formats pour un affichage web
Le choix du format influence directement le poids, la transparence et la qualité perçue. Il ne sert à rien de régler correctement la résolution si le fichier est enregistré dans un format inadapté ou compressé trop brutalement.
JPEG pour les photographies
Le JPEG reste pratique pour les photos, les portraits et les images comportant beaucoup de nuances. Il offre un poids raisonnable, mais sa compression est destructive. Avec une qualité d’export située autour de 75 à 85 %, on obtient souvent un bon équilibre entre détail et rapidité.
Je déconseille le JPEG pour les logos, les captures d’écran contenant du texte ou les illustrations avec de grandes zones de couleur uniforme. Les artefacts de compression deviennent alors visibles autour des lettres et des contours.
PNG pour la transparence et les détails nets
Le PNG convient aux logos, aux pictogrammes, aux captures d’interface et aux visuels qui nécessitent un arrière-plan transparent. Il peut toutefois devenir très lourd pour une grande photographie, car il conserve beaucoup d’informations.
Pour une interface ou une illustration simple, le PNG est souvent plus propre que le JPEG. Pour une photo destinée à un site, je préfère généralement un format moderne et plus compact.
WebP et AVIF pour réduire le poids
Le WebP offre une bonne compression pour les photos comme pour les illustrations, avec la possibilité de gérer la transparence. L’AVIF peut réduire encore davantage le poids à qualité comparable, mais son encodage est parfois plus lent et certains flux de travail restent moins simples à gérer.
En pratique, le WebP constitue un choix solide pour la majorité des sites en 2026. L’AVIF devient intéressant lorsque la performance est prioritaire et que votre système de publication le prend correctement en charge. Dans les deux cas, je conserve toujours un fichier source en TIFF, PSD ou PNG selon le projet.
SVG pour les éléments vectoriels
Le SVG est idéal pour les logos, icônes et formes géométriques créés en vectoriel. Comme il ne repose pas sur une grille fixe de pixels, il reste net à différentes tailles. En revanche, ce format n’est pas adapté à une photographie complexe.
Comment préparer un fichier propre avant l’export
La préparation commence par le document source. Je vérifie d’abord les dimensions en pixels, le mode colorimétrique et le profil intégré, puis je crée une copie dédiée au web afin de ne pas altérer l’original.
- Redimensionnez l’image aux dimensions réellement nécessaires.
- Conservez les proportions pour éviter toute déformation.
- Convertissez le fichier en profil sRGB pour un rendu plus prévisible dans les navigateurs.
- Choisissez JPEG, PNG, WebP ou AVIF selon le contenu.
- Contrôlez le poids final et la netteté à 100 %.
- Ajoutez un nom de fichier descriptif et un texte alternatif pertinent dans le site.
Dans Photoshop, le redimensionnement se fait depuis la boîte de dialogue de taille de l’image. Si vous désactivez le rééchantillonnage, vous modifiez principalement la taille physique déclarée. Si vous l’activez, le logiciel change réellement le nombre de pixels, ce qui peut réduire le détail.
Dans GIMP ou un autre éditeur, le principe reste le même. Je recommande de tester l’image exportée sur un fond clair et un fond sombre, surtout lorsqu’elle contient du texte, des contours fins ou une transparence.
Lire aussi : Épreuve couleur certifiée - Maîtrisez votre impression
Les erreurs qui reviennent le plus souvent
- Réduire uniquement la valeur ppp en pensant alléger le fichier.
- Agrandir une petite image et espérer récupérer des détails inexistants.
- Utiliser un PNG très lourd pour une photographie.
- Exporter en CMJN pour une page web au lieu du profil sRGB.
- Oublier la version mobile d’une bannière très large.
- Remplacer le fichier original par une copie fortement compressée.
Le test le plus fiable reste simple. Comparez le rendu à la taille réelle d’affichage et vérifiez le poids du fichier. Une image parfaitement nette mais dix fois trop lourde peut nuire davantage à l’expérience qu’une image légèrement moins détaillée mais chargée rapidement.
Le bon réflexe pour choisir sans se tromper
Pour un écran, concentrez-vous d’abord sur les dimensions en pixels, le format, la compression et le profil colorimétrique. La valeur ppp peut rester utile dans un logiciel de mise en page, mais elle ne remplace pas ces décisions.
Pour une impression, partez de la taille finale et calculez la définition nécessaire. Pour le web, gardez une image source de qualité, exportez une copie adaptée au support et testez son affichage réel. C’est cette méthode, bien plus que l’application mécanique d’un chiffre, qui produit des fichiers propres, rapides et visuellement convaincants.
