Calculateur d'échelle de résolution
Calculez le redimensionnement d'images, le ratio et la densité de pixels pour les écrans et contenus numériques.
Redimensionnez des images tout en conservant le ratio, calculez les changements de densité de pixels et déterminez les réglages d'affichage optimaux pour différentes tailles d'écran et différents usages.
Calculateur d'échelle de résolution
Calculez le redimensionnement d'images, le ratio et la densité de pixels pour les écrans et contenus numériques.
À propos du calculateur d'échelle de résolution
Le calculateur d'échelle de résolution est un outil indispensable pour les designers, photographes, développeurs et créateurs de contenu numérique qui doivent redimensionner des images, des vidéos ou des affichages tout en conservant la qualité et les bons ratios. Que vous prépariez des ressources pour le web, l'impression, la production vidéo ou le développement de jeux, comprendre l'échelle de résolution est essentiel pour livrer un contenu net et adapté à chaque contexte d'affichage.
L'échelle de résolution consiste à modifier les dimensions en pixels d'une image ou d'une sortie d'affichage par un facteur uniforme tout en conservant le ratio d'origine. Le ratio — la relation proportionnelle entre la largeur et la hauteur — doit rester constant pour éviter toute déformation. Une image de 1920×1080 redimensionnée à 50% devient 960×540 tout en conservant le ratio 16:9. Ce calculateur automatise les calculs afin que vous puissiez vous concentrer sur les choix créatifs et techniques plutôt que sur les calculs manuels.
Le facteur d'échelle est un multiplicateur appliqué de la même façon aux deux dimensions. Un facteur de 0.5 produit une image deux fois plus petite que l'original. Un facteur de 2.0 double les dimensions et multiplie par 4 le nombre total de pixels. Vous pouvez aussi spécifier une largeur ou une hauteur cible, et le calculateur déterminera le facteur d'échelle ainsi que l'autre dimension correspondante. C'est particulièrement utile lorsque vous connaissez la dimension maximale autorisée par une plateforme (par exemple 800 px de largeur maximale pour des images d'e-mail) et que vous devez calculer la hauteur proportionnelle.
Le nombre total de pixels compte, car il détermine la taille du fichier (pour les images matricielles), la complexité de rendu (pour les moteurs de jeu et les GPU) et la qualité visuelle à une taille d'affichage donnée. Une image 4K (3840×2160) contient 8.29 mégapixels — soit quatre fois plus de pixels qu'une image 1080p (2.07 mégapixels). Comprendre cette relation vous aide à arbitrer entre qualité, performances et besoins de stockage.
Les cas d'usage courants de ce calculateur incluent : redimensionner les images héros d'un site pour plusieurs points de rupture en conception responsive, préparer des vignettes à partir d'originaux haute résolution pour des galeries produits e-commerce, redimensionner des textures de jeu en dimensions puissance de deux pour optimiser le GPU, calculer des dimensions d'export pour des plateformes sociales avec des exigences précises en pixels, sous-échantillonner des images pour accélérer le chargement web tout en conservant le ratio, et déterminer la résolution appropriée pour l'impression selon une cible DPI donnée.
Exemples
Voyez comment les scénarios courants d'échelle de résolution fonctionnent selon différents usages.
| Original → Cible | Dimensions redimensionnées | Notes |
|---|---|---|
| 1920×1080 redimensionné à 75% | 1440×810 px | 1080p réduit pour du streaming HD ou des écrans plus petits |
| 3840×2160 → largeur 1920 | 1920×1080 px | 4K réduit en 1080p en conservant le ratio 16:9 |
| 1200×800 redimensionné à 50% | 600×400 px | Génération courante de vignettes à partir d'une image d'aperçu |
| 800×600 redimensionné à 200% | 1600×1200 px | Image 4:3 agrandie pour écran haute densité |
| 1080×1920 → largeur 400 | 400×711 px | Image Instagram en format portrait redimensionnée pour une vignette |
Comment l'utiliser
- Saisissez la largeur d'origine et la hauteur d'origine de votre image ou écran en pixels.
- Choisissez votre méthode de redimensionnement : saisissez un facteur d'échelle (par ex. 0.5 pour 50%), une largeur cible ou une hauteur cible.
- Cliquez sur Calculer pour voir les dimensions redimensionnées, le facteur d'échelle, le ratio et le nombre total de pixels.
- Utilisez les valeurs de largeur et de hauteur redimensionnées lors de l'export ou du redimensionnement dans votre logiciel.
- Recalculez au besoin lors de la préparation de ressources pour différentes plateformes ou différents points de rupture d'écran.
Questions fréquentes
Comment redimensionner une image sans la déformer ?
Pour éviter toute déformation, appliquez toujours le même facteur d'échelle à la largeur et à la hauteur en même temps (redimensionnement uniforme). Si vous ne connaissez que la largeur cible, divisez-la par la largeur d'origine pour obtenir le facteur d'échelle, puis multipliez la hauteur d'origine par ce même facteur pour obtenir la hauteur redimensionnée. Ce calculateur le fait automatiquement — saisissez une largeur cible, une hauteur cible ou un facteur d'échelle et il calcule l'autre dimension proportionnellement.
Quelle est la différence entre résolution et taille d'image ?
La résolution désigne les dimensions en pixels d'une image (par ex. 1920×1080 pixels), tandis que la taille d'image dans le contexte de l'impression correspond à la taille physique déterminée par les pixels par pouce (PPI ou DPI). Une image de 1920×1080 imprimée à 300 DPI produit un tirage de 6.4×3.6 pouces. La même image affichée sur un moniteur de 27 pouces à 81 PPI occupe tout l'écran. Comprendre ces deux dimensions est important pour préparer correctement les images selon les supports de sortie.
Quel facteur d'échelle utiliser pour les écrans Retina/HiDPI ?
Les écrans Retina et HiDPI ont un ratio de pixels de l'appareil (DPR) de 2× ou 3×, ce qui signifie qu'ils affichent deux ou trois fois plus de pixels physiques par pixel CSS. Pour des images nettes sur ces écrans, préparez des ressources à 2× ou 3× de la taille d'affichage CSS visée. Par exemple, si une image web est affichée en 400×300 pixels CSS, votre image source doit faire 800×600 (2×) ou 1200×900 (3×). Utilisez un facteur d'échelle de 2.0 ou 3.0 dans ce calculateur pour trouver les dimensions sources requises.
Qu'est-ce que le ratio et pourquoi est-il important ?
Le ratio est la relation proportionnelle entre la largeur et la hauteur, exprimée sous la forme 16:9 ou 4:3. Il est important car les appareils et plateformes ont des ratios natifs différents. Forcer une image 16:9 dans un cadre 4:3 provoque un étirement ou un recadrage. Parmi les ratios courants, on trouve 16:9 (vidéo HD grand écran), 1:1 (carré Instagram), 9:16 (vidéo mobile verticale) et 4:3 (téléviseurs et moniteurs traditionnels). Conserver le bon ratio garantit un rendu naturel sur la plateforme cible.
Comment la résolution affecte-t-elle la taille du fichier ?
La taille du fichier augmente approximativement proportionnellement au nombre total de pixels (largeur × hauteur). Doubler les deux dimensions crée 4 fois plus de pixels, donc environ 4 fois plus de données non compressées. Toutefois, la taille réelle dépend fortement de la compression et de la complexité du contenu. En règle générale, réduire les dimensions d'une image de 50% (passer à 0.5×) diminue la taille du fichier d'environ 75% lorsqu'elle est enregistrée à qualité égale, ce qui améliore nettement les temps de chargement web.
Puis-je utiliser un facteur d'échelle supérieur à 1 (upscaling) ?
Oui, vous pouvez utiliser un facteur supérieur à 1.0 pour agrandir des images. Cependant, un simple redimensionnement par pixels n'ajoute pas de détails absents de l'original — l'agrandissement produit généralement des résultats plus doux ou plus flous. Des outils d'upscaling IA comme Real-ESRGAN ou la super-résolution IA d'Adobe Camera Raw peuvent générer des détails plausibles. Pour la plupart des usages, il vaut mieux capturer les ressources à la plus grande résolution nécessaire puis les réduire, plutôt que d'agrandir une petite source.