Rapports des appareils portatifs Aspect

Lors de la conception des sites Web qui seront affichés sur les iPhones et iPads, garder à l'esprit rapport d'aspect - le rapport de la largeur à la hauteur d'une image ou une vidéo. Ratio d'aspect est particulièrement important lorsque vous travaillez avec la vidéo. Une vidéo standard TV affiche en 4: 3 rapport d'aspect (ou 1: 1,33) - le format presque carré que des générations de toxicomanes de boob tube connaissent et aiment.

Fondamentalement, pour 4 pixels de large, 3 pixels sont en baisse, de sorte que la définition standard TV résolution de l'écran est de 640 x 480. Récemment, la TVHD a provoqué un mouvement de 16: 9 aspect ratio (ou 1: 1,85), également appelé comme écran large, et une résolution commune est de 1280 x 720.




Le rapport d'aspect de l'iPhone est de 3: 2 (ou 1: 1,5), ce qui est même pas standard. L'iPad est de 4: 3, tout comme un signal de la télévision traditionnelle. Pour afficher une image grand écran ou HD, l'iPhone et l'iPad utilisent le letterboxing technique, qui place minces, des barres noires au-dessus et en dessous de l'image.

Dans la figure, vous voyez l'effet de bandes noires quand une vidéo est jouée sur un écran qui ne correspond pas à l'aspect ratio. Des barres noires apparaissent en haut et en bas de cette vidéo de formation par l'auteur Janine Warner parce que la vidéo ne correspond pas au rapport d'aspect de l'écran.

image0.jpg

Sur l'iPhone, lors de la visualisation d'un standard 4: 3 vidéo, vous pouvez appuyer sur pour élargir l'image pour remplir l'espace verticalement - mais tout ce qu'il fait est Couper les bords de chaque côté. Si vous travaillez avec des images fixes qui sont considérablement recadrées (comme dans un paysage panoramique), les utilisateurs soit verront beaucoup d'espace sur l'écran ou faire défiler beaucoup.