Video: Lisa Weiss 2024
Houd bij het ontwerpen van websites die worden weergegeven op iPhones en iPads rekening met de beeldverhouding - de verhouding tussen de breedte en de hoogte van een afbeelding of video. Beeldverhouding is vooral belangrijk wanneer u met video werkt. Een standaard-tv geeft video weer in een beeldverhouding van 4: 3 (oftewel 1: 1 33) - het bijna vierkante formaat dat generaties boobuisverslaafden kennen en waarderen.
Kortom, voor elke 4 pixels breed zijn 3 pixels onder, dus de tv-schermresolutie met standaarddefinitie is 640 x 480. Onlangs heeft HDTV een verplaatsing naar de beeldverhouding van 16: 9 (oftewel 1: 1 veroorzaakt) 85), ook wel breedbeeld , genoemd en een algemene resolutie is 1280 x 720.
De beeldverhouding van de iPhone is 3: 2 (of 1: 1. 5), wat zelfs niet standaard is. De iPad is 4: 3, net als een traditioneel televisiesignaal. Om een breedbeeld- of HD-beeld weer te geven, gebruiken zowel de iPhone als de iPad de letterboxing -techniek , , die dunne zwarte balken boven en onder de afbeelding plaatst.
In de figuur ziet u het effect van letterboxing wanneer een video wordt afgespeeld op een scherm dat niet past in de beeldverhouding. Aan de boven- en onderkant van deze trainingsvideo verschijnen zwarte balken van auteur Janine Warner omdat de video niet past in de beeldverhouding van het scherm.
Op de iPhone kunt u bij het bekijken van een standaardvideo van 4: 3 op tikken om de afbeelding uit te vouwen om de ruimte verticaal te vullen - maar alles wat u hoeft te doen is de randen aan beide zijden afsnijden. Als u werkt met stilstaande beelden die dramatisch zijn bijgesneden (zoals in een panoramisch landschap), zien gebruikers veel lege ruimte op het scherm of moeten ze veel scrollen.