Når du designer nettsteder som skal vises på iPhone og iPads, må du huske sideforhold - forholdet mellom bredden og høyden på et bilde eller en video. Aspect ratio er spesielt viktig når du jobber med video. En standard-TV viser video i 4: 3-størrelsesforhold (eller 1: 1.33) - det nesten firkantede formatet som generasjoner av brystrøravhengige kjenner og elsker.
For hver 4 piksler over er 3 piksler nede, slik at TV-skjermoppløsningen på standardoppløsning er 640 x 480. Nylig har HDTV flyttet til 16: 9-forholdet (eller 1: 1,85), også kalt widescreen , , og en felles oppløsning er 1280 x 720.
Aspektforholdet til iPhone er 3: 2 (eller 1: 1,5), som ikke engang er standard. IPad er 4: 3, akkurat som et tradisjonelt fjernsynssignal. For å vise et widescreen eller HD-bilde, bruker både iPhone og iPad boksering teknikk , som plasserer tynne, svarte streker over og under bildet.
I figuren ser du effekten av brevboks når en video spilles på en skjerm som ikke passer til aspektforholdet. Svarte barer vises øverst og nederst på denne treningsvideoen av forfatteren Janine Warner fordi videoen ikke passer til skjermstørrelsen på skjermen.
På iPhone, når du ser på en standard 4: 3-video, kan du trykke for å utvide bildet for å fylle ut rommet vertikalt - men alt det gjør er å krysse kantene på hver side. Hvis du jobber med stillbilder som er dramatisk beskåret (som i et panoramalandskap), vil brukerne enten se mye tomt plass på skjermen eller må rulle mye.