Mise à jour : Lisez notre nouveau Guide ultime des résolutions pour iPhone !
Il y a quelques jours, Apple a présenté l’iPhone 6 Plus. Ce nouvel iPhone modifie substantiellement la façon dont les graphiques sont rendus à l’écran. Nous avons réalisé une infographie pour démystifier tout cela.
320 × 480 375 × 667 414 × 736 320 × 480 750 × 1334 1242 × 2208 1080 × 1920 3,5″ 4,7″ 5,5″ L’iPhone 6 Plus a un écran dont la résolution en pixels est inférieure à celle de l’image rendue à l’étape précédente.Avant de pouvoir être affichée à l’écran, l’image doit être sous-échantillonnée (redimensionnée) à une résolution en pixels inférieure. Pixels physiques Au début, les coordonnées de tous les dessins sont spécifiées en Les points sont des unités abstraites, ils n’ont de sens que dans cet espace de coordonnées mathématiques. Dans l’iPhone original, les points correspondaient parfaitement aux pixels réels à l’écran, mais ce n’est plus vrai. Les points Les dessins basés sur des points sont convertis en pixels. Les coordonnées des points sont multipliées par un facteur d’échelle pour obtenir des coordonnées de pixels. Plus le facteur d’échelle est élevé, plus le niveau de détail est élevé. Les facteurs d’échelle typiques sont 1×, 2× et 3×. Pixels rendus La dernière étape consiste à afficher les pixels calculés sur l’écran physique. Chaque écran a une caractéristique de pixels par pouce (PPI). Ce nombre indique le nombre de pixels qui tiennent dans un pouce et donc la taille des pixels qui apparaissent dans le monde réel. Appareil physique rendu à 1× downsampling / 1,15 show on device show on device show on device (pixels) (pixels) (pixels) (points) (pixels de l’appareil) (points) (points) Original iPhone iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ 163 PPI 326 PPI 401 PPI points. rendu à 3× rendu à 2× un iPhone 6 Plus downsampling l’image rendue avant de l’afficher à l’écran. Pixels physiques Le contenu est défini mathématiquement à l’aide de coordonnées de points. Points Le contenu est rendu en pixels à l’aide d’un facteur d’échelle. Ce processus s’appelle le tramage. Pixels rendus Les dessins tramés sont affichés sur les dispositifs physiques. Appareil physique rendu 2× downsampling / 1.15 show on device show on device show on device Original iPhone iPhone 6 iPhone 6 Plus 3.5″ 4.7″ 5.5″ render 3× render 1× a a
Rendu de ligne
Pour démontrer les différents rendus de pixels sur divers appareils, nous comparons comment une ligne large de 1 point est rendue sur
- Original iPhone – sans écran rétina. Le facteur d’échelle est de 1,
- iPhone 5 – avec écran Retina, le facteur d’échelle est de 2,
- iPhone 6 Plus – avec écran Retina HD. Le facteur d’échelle est de 3 et l’image est ensuite réduite d’un rendu de 2208 × 1242 pixels à 1920 × 1080 pixels.
Le rapport de réduction d’échelle est de 1920 / 2208 = 1080 / 1242 = 20 / 23. Cela signifie que tous les 23 pixels du rendu original doivent être mappés à 20 pixels physiques. En d’autres termes, l’image est réduite à environ 87% de sa taille d’origine.
23 pixels 20 pixels Original iPhone 3.5″ iPhone 5 4″ iPhone 6 Plus 5.5″ HypothétiquePerfection de l’affichage 3× ?
Introduction de PaintCode 3. La prochaine génération de notre outil de création de dessins indépendants de la résolution.
.