→ seanas-a.github.io/angular-resolution-calculator
Le PPI d'un écran dit combien ses pixels sont serrés, mais pas s'il paraîtra net : ça dépend d'où l'on est assis. Le PPD (pixels par degré) combine les deux — densité de pixels et distance de visionnage. Cet outil répond à la question : à ma distance, avec mon exigence de netteté, quels écrans tiennent la route ?
On choisit deux choses :
- La distance de visionnage (slider ou champ, cm/pouces).
- La cible de netteté en PPD, avec des repères d'acuité visuelle : 30 PPD ≈ vision 20/40, 57 ≈ « Retina » d'Apple, 60 ≈ vision 20/20, 80 ≈ acuité moyenne réelle, 120 et 150 ≈ limites pratique et théorique de l'œil.
Et on lit trois tableaux à double entrée — un par famille de ratio (16:9, 21:9, 32:9) — croisant les vraies résolutions du marché avec les diagonales courantes. Chaque case est colorée du rouge au vert selon la cible. Un toggle bascule toutes les cases entre deux métriques :
- PPD — les pixels par degré à la distance choisie (vert = cible atteinte) ;
- Min. distance — la distance minimale pour atteindre la cible (vert = déjà atteignable).
Deux détails qui comptent :
- La géométrie de chaque case est calculée depuis les pixels réels, pas le ratio marketing (3440×1440 est en réalité ≈21.5:9, pas 21:9).
- Dans les tableaux ultrawide, chaque diagonale affiche entre parenthèses la diagonale 16:9 de même hauteur — un 34″ 21:9 est aussi haut contre le mur qu'un ~26.8″ 16:9.
Tout est calculé dans le navigateur : un seul fichier index.html, aucune requête réseau,
aucune dépendance, aucun CDN (hormis la police Inter, avec repli système). Les réglages se
partagent par l'URL (?d=100&t=80&v=dist) et se retiennent en local. Thème sombre/clair.
Les formules sont portées du classeur Excel « Display Resolution » de techless :
PPI = pixels horizontaux ÷ largeur, PPD = PPI × 2·d·tan(0.5°),
distance min = cible ÷ (PPI × 2·tan(0.5°)).