17/11/2023
Med hver ny iPhone-udgivelse fra Apple kommer der ofte spørgsmål om ændringer i formfaktor og skærmstørrelse. Det er et emne, der kan være forvirrende, især når man sammenligner ældre modeller med nyere, og forstår, hvordan de forskellige mål – som tommer, points og pixels – spiller sammen. Denne artikel vil kaste lys over netop dette, med særligt fokus på iPhone 6, iPhone 8 og iPhone X, og hjælpe dig med at forstå de nuancerede forskelle og ligheder, der definerer deres visuelle oplevelse.
Vi vil udforske, om iPhone 6 faktisk er større end iPhone 8 og X, og dykke ned i de tekniske specifikationer, der ligger til grund for disse enheders skærmegenskaber. Fra de fysiske dimensioner til de digitale mål, der er afgørende for webdesignere og app-udviklere, vil vi give dig en omfattende forståelse af iPhone-skærmenes verden. Forståelse af disse detaljer er ikke kun for nørder, men også for den almindelige bruger, der ønsker at træffe informerede valg eller blot tilfredsstille sin nysgerrighed.
Grundlæggende om iPhone Skærmstørrelser
Når vi taler om iPhone-skærmstørrelser, er der flere forskellige værdier at overveje. Hver af disse har en specifik betydning og relevans, især for dem, der designer indhold til disse enheder. Lad os definere de vigtigste begreber for at skabe et klart billede:
- Skærmstørrelse (tommer): Dette er den diagonale måling af skærmen, fra hjørne til hjørne, præcis som du ville måle et fjernsyn. Det giver en generel idé om den fysiske størrelse af skærmen.
- Skærmstørrelse (points): Disse 'points' er de dimensioner, som enheden bruger til koordinater. Hvis du designer til internettet (ved hjælp af CSS eller JavaScript), vil disse værdier være yderst nyttige. iPhones bruger Retina-skærme, som har en højere pixeltæthed. Dette betyder, at de tager den højere iPhone-opløsning (nævnt nedenfor) og komprimerer disse pixels ind i en mindre plads for at gøre billedet skarpere og mere detaljeret.
- Renderede Pixels: Dette er det fulde antal pixels, der gengives. Dette er den værdi, du får, når du anvender den multiplikator (1x, 2x, 3x), som enheden bruger, til skærmstørrelsen i points. Hvis du opretter et billede og ønsker det i den maksimale opløsning, er dette den størrelse, du vil bruge.
- Fysiske Pixels: Dette er skærmens faktiske pixelopløsning. For eksempel bruger iPhone 6 Plus en større billedopløsning på en skærm med et mindre antal fysiske pixels, så billedet skal nedskaleres til denne størrelse. Denne værdi er primært vigtig fra et specifikationsperspektiv, men bør normalt ikke påvirke dit webdesign.
- Pixels Per Tomme (PPI): Dette mål angiver pixeltætheden, altså hvor mange pixels der er pr. tomme på skærmen. En højere PPI betyder en skarpere og mere detaljeret billedkvalitet.
Sammenligning af iPhone Modeller: 6, 8 og X
Nu hvor vi har defineret de grundlæggende begreber, lad os kaste et blik på de specifikke skærmstørrelser for iPhone 6, iPhone 8 og iPhone X, samt andre relevante modeller, for at besvare spørgsmålet: er iPhone 6 større end iPhone 8 og X? Svaret er mere nuanceret end et simpelt ja eller nej, da det afhænger af den specifikke model (f.eks. Plus-modeller) og hvilken metrik man kigger på.
Nuværende iPhone Modeller (fra kildedata)
Selvom fokus er på 6, 8 og X, er det nyttigt at se dem i kontekst af nyere modeller for at forstå udviklingen.
| Model | Skærmstørrelse (tommer) | Skærmstørrelse (points) | Fysiske Pixels | Pixels Per Tomme (PPI) |
|---|---|---|---|---|
| iPhone Xr | 6.1 in | 414 x 896 points | 828 x 1792 | 326 |
| iPhone Xs | 5.8 in | 375 x 812 points | 1125 x 2436 | 458 |
| iPhone Xs Max | 6.5 in | 414 x 896 points | 1242 x 2688 | 458 |
Tidligere Generationers iPhone Modeller (inkl. 6, 8 og X)
Her er den direkte sammenligning mellem de modeller, du er interesseret i, samt deres Plus-modeller for at give et fuldt billede.
| Model | Skærmstørrelse (tommer) | Skærmstørrelse (points) | Renderede Pixels | Fysiske Pixels | Pixels Per Tomme (PPI) |
|---|---|---|---|---|---|
| iPhone 6/7/8 | 4.7 in | 375 x 667 points | 750 x 1334 (@2x) | 750 x 1334 | 326 |
| iPhone 6/7/8 Plus | 5.5 in | 414 x 736 points | 1242 x 2208 (@3x) | 1080 x 1920 | 401 |
| iPhone X | 5.8 in | 375 x 812 points | 1125 x 2436 (@3x) | 946 x 2048 | 458 |
Som tabellen viser, er iPhone 6 og iPhone 8 (non-Plus-modellerne) identiske i skærmstørrelse med 4.7 tommer og 375 x 667 points. iPhone X er med sine 5.8 tommer og 375 x 812 points en markant større skærm, både diagonalt og i højden (målt i points), end både iPhone 6 og den almindelige iPhone 8. iPhone 6 Plus og iPhone 8 Plus er dog større end den almindelige iPhone 6 og 8 med 5.5 tommer, men stadig mindre end iPhone X målt i tommer. Dog har iPhone X en højere pixeltæthed (PPI) end både 6/7/8 og 6/7/8 Plus modellerne, hvilket resulterer i en skarpere visning.
Ældre iPhone Modeller – En Hurtig Oversigt
For historisk kontekst og for at understrege udviklingen i skærmstørrelser, er her et kig på endnu ældre modeller:
| Model | Skærmstørrelse (tommer) | Skærmstørrelse (points) | Renderede Pixels | Fysiske Pixels | Pixels Per Tomme (PPI) |
|---|---|---|---|---|---|
| iPhone 4 | 3.5 in | 320 x 480 points | 640 x 960 (@2x) | 640 x 960 | 326 |
| iPhone 5 | 4 in | 320 x 568 points | 640 x 1136 (@2x) | 640 x 1136 | 326 |
Disse tabeller illustrerer klart, hvordan Apple gradvist har øget skærmstørrelserne over tid, og introduceret nye formfaktorer som iPhone X med dens 'notch' og kant-til-kant display.
Overvejelser for Webdesign og App-udvikling
For udviklere og webdesignere er forståelsen af disse skærmmål essentiel for at sikre, at websites og applikationer ser optimale ud på tværs af forskellige iPhone-modeller. Det handler ikke kun om de fysiske dimensioner, men i høj grad om de logiske points og pixel-forhold.
Brug af iPhone Skærmstørrelse til Webdesign
Hvis du koder dit website ved hjælp af responsivt design for at passe godt til iPhone, kan du støde på nogle dimensioneringsproblemer, hvis du ikke fortæller enheden, at den ikke skal zoome ind. Dette kan du gøre ved at tilføje dette viewport meta-tag i din sides <head>-sektion:
<meta name="viewport" content="initial-scale=1.0">Dette tag sikrer, at websitet vises med en initial zoom-niveau på 1.0, hvilket betyder, at 1 CSS-pixel svarer til 1 point på enhedens skærm, og forhindrer uønsket skalering.
iPhone Opstarts-skærme for Web-apps
Hvis du opsætter dit website, så brugere kan gemme det og køre det som en web-app (en hjemmeskærmsgenvej, der åbner websitet i en fuldskærmsvisning uden browserens brugerflade), kan du tilføje et opstartsbillede, der vises, mens siden indlæses.
Først skal du tilføje web-app meta-tagget (sørg også for, at du ikke bruger en bredde i dit viewport meta-tag, da dette kan forårsage problemer):
<meta name="apple-mobile-web-app-capable" content="yes">Derefter skal du oprette opstartsbilleder i disse størrelser for kompatibilitet med hver telefon:
- iPhone 1 – 3gs: 320 x 460 px
- iPhone 4 – 4s: 640 x 920 px
- iPhone 5: 640 x 1096 px
- iPhone 6/7/8: 750 x 1294 px
- iPhone 6/7/8 Plus: 1242 x 2148 px
- iPhone X: 1125 x 2436 px (Bemærk: Denne er baseret på de renderede pixels for X, som er 3x)
Tilføj derefter koden i din sides header for at linke til dem (eksempel for iPhone 6/7/8):
<link rel="apple-touch-startup-image" href="/path/to/startup-750x1294.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">Specifikke media queries skal bruges for hver størrelse for at sikre, at den korrekte opstarts-skærm indlæses.
iPhone Ikoner
Når du designer iPhone-ikoner, vil du bemærke, at der er nye størrelser for de højere pixeltætheder på iPhone 6 Plus og iPhone X. Hvis du ønsker at tilføje et ikon til dit site, som folk vil se, når de gemmer det på deres hjemmeskærm, skal du overveje de forskellige størrelser, der er nødvendige for at sikre optimal visning på alle enheder.
Ofte Stillede Spørgsmål (FAQ)
Er iPhone 6 større end iPhone 8?
Nej, den almindelige iPhone 6 og den almindelige iPhone 8 har faktisk den samme skærmstørrelse: 4.7 tommer diagonalt med en skærmstørrelse på 375 x 667 points. Hvis man sammenligner iPhone 6 Plus med iPhone 8 Plus, er de også identiske i skærmstørrelse, nemlig 5.5 tommer.
Er iPhone X større end iPhone 8?
Ja, iPhone X er større end både den almindelige iPhone 8 og iPhone 8 Plus. iPhone X har en skærmstørrelse på 5.8 tommer diagonalt, hvilket er større end iPhone 8's 4.7 tommer og iPhone 8 Plus's 5.5 tommer. Selvom iPhone X har samme 'width' i points (375) som iPhone 8, er den betydeligt højere (812 points mod iPhone 8's 667 points), hvilket giver et mere aflangt display.
Hvad betyder 'points' i skærmstørrelse?
'Points' refererer til de logiske enheder, som iOS-operativsystemet og webbrowsere bruger til at tegne indhold. På Retina-skærme er et 'point' typisk repræsenteret af flere fysiske pixels (f.eks. 2x eller 3x). Dette gør det muligt for udviklere at designe til en standardiseret 'point'-størrelse, mens enheden selv håndterer den højere pixelgengivelse for at opnå skarpere billeder.
Hvad er forskellen på Renderede Pixels og Fysiske Pixels?
Renderede Pixels er den opløsning, som indholdet designes til og gengives internt af GPU'en, ofte en multiplikation af points (f.eks. 2x for iPhone 6/7/8 eller 3x for iPhone 6/7/8 Plus og iPhone X). Fysiske Pixels er den faktiske, rå pixelopløsning på skærmpanelet. For nogle modeller, som iPhone 6 Plus, er de renderede pixels højere end de fysiske pixels, hvilket betyder, at billedet nedskaleres, før det vises på skærmen, for at opnå en endnu skarpere visuel effekt.
Hvorfor er iPhone 6 Plus en '3x' skærm, når den har færre fysiske pixels end renderede?
iPhone 6 Plus er en '3x' skærm i den forstand, at den renderer indhold som om den havde en opløsning på 1242 x 2208 pixels (3x dens points-størrelse på 414 x 736). Men skærmpanelets faktiske fysiske opløsning er 1080 x 1920 pixels. Dette betyder, at den renderede 3x-opløsning nedskaleres til de fysiske 1080p, hvilket resulterer i en utrolig skarp visning, der overgår selv 1080p-standarder, fordi den bruger et endnu større 'kildebillede' til at generere det endelige billede.
Konklusion
At navigere i Apples verden af iPhone-skærmstørrelser kan virke komplekst, men med en grundig forståelse af begreber som tommer, points, renderede pixels og fysiske pixels bliver det meget klarere. Vi har fastslået, at den almindelige iPhone 6 og iPhone 8 deler samme skærmstørrelse, mens iPhone X introducerer en ny, større formfaktor med en markant højere skærm (målt i points). Denne evolution understreger Apples konstante stræben efter at forbedre brugeroplevelsen gennem større og skarpere displays. For både almindelige brugere og professionelle inden for webdesign og app-udvikling er denne viden afgørende for at få mest muligt ud af deres enheder og sikre, at indhold præsenteres optimalt på tværs af iPhones mangfoldige skærme.
Hvis du vil læse andre artikler, der ligner iPhone Skærmstørrelser: 6, 8 og X Sammenlignet, kan du besøge kategorien Mobiltelefoner.