What is the size of the mobile banner in Photoshop?

iPhone Skærmmål: Guide for Designere

At skabe visuelt indhold, der ser fantastisk ud på en iPhone, kræver en dyb forståelse af enhedernes skærmspecifikationer. Uanset om du er grafisk designer, fotograf eller udvikler, der forbereder materiale til mobilbrug eller App Store, er det afgørende at kende til dimensioner som skærmstørrelse, opløsning, pixel, punkt og PPI. Apple har gennem årene lanceret iPhones med en bred vifte af skærme, og at mestre disse detaljer sikrer, at dit arbejde fremstår skarpt, proportionelt og professionelt på enhver enhed.

Indholds

Udviklingen af iPhone Skærmstørrelser

iPhones har ligesom andre smartphones udviklet sig mod større skærme over tid, mens enhederne forbliver relativt kompakte. Denne tendens mod en 'stor skærm, lille enhed'-paradoks har påvirket designkrav betydeligt. For at give et overblik over denne udvikling og de forskellige skærmstørrelser, der findes, har vi samlet en tabel over iPhone modeller grupperet efter deres diagonale skærmstørrelse i tommer:

Skærmstørrelse i tommer (diagonal) iPhone Model Udgivelsesår
6.9 iPhone 16 Pro Max 2024
6.7 iPhone 16 Plus, iPhone 15 Plus, iPhone 15 Pro Max, iPhone 14 Plus, iPhone 14 Pro Max, iPhone 13 Pro Max, iPhone 12 Pro Max 2024, 2023, 2023, 2022, 2022, 2021, 2020
6.5 iPhone XS Max, iPhone 11 Pro Max 2018, 2019
6.3 iPhone 16 Pro 2024
6.1 iPhone 16, iPhone 15 Pro, iPhone 15, iPhone 14 Pro, iPhone 14, iPhone 13 Pro, iPhone 13, iPhone 12 Pro, iPhone 12, iPhone 11, iPhone XR 2024, 2023, 2023, 2022, 2022, 2021, 2021, 2020, 2020, 2019, 2018
5.85 iPhone 11 Pro, iPhone XS, iPhone X 2019, 2018, 2017
5.5 iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus, iPhone 6 Plus 2017, 2016, 2015, 2014
5.4 iPhone 13 Mini, iPhone 12 Mini 2021, 2020
4.7 iPhone SE {3rd gen}, iPhone SE {2nd gen}, iPhone 8, iPhone 7, iPhone 6S, iPhone 6 2022, 2020, 2017, 2016, 2015, 2014
4 iPhone SE {1st gen}, iPhone 5S, iPhone 5C, iPhone 5 2016, 2013, 2013, 2012
3.5 iPhone 4S, iPhone 4 (CDMA), iPhone 4 (GSM), iPhone 3GS, iPhone 3G, iPhone 2011, 2011, 2010, 2009, 2008, 2007

Denne tabel viser tydeligt, hvordan skærmstørrelserne er vokset over tid. Ved at kende din målgruppes foretrukne enheder kan du bedre målrette dine designbeslutninger mod de relevante skærmstørrelser og opløsninger.

What is the viewport resolution of the iPhone 8?
iPhone 8 has a 4.7-inch screen with a screen size (resolution): 750px × 1334px , 375px × 667px viewport 1, and a CSS Pixel Ratio of 2.

iPhone Opløsninger: Pixel, Punkt og PPI

Udover den fysiske skærmstørrelse er den digitale opløsning, målt i pixel og punkt, samt pixeltætheden (PPI), afgørende for, hvor skarpt og detaljeret indhold vises. Her er et overblik over opløsningsspecifikationerne for forskellige iPhone modeller:

iPhone Model Opløsning i pixel (Bredde x Højde) Opløsning i punkt (Bredde x Højde) PPI
iPhone 16 Pro Max 1320 x 2868 440 x 956 460
iPhone 16 Pro 1206 x 2622 402 x 874 -
iPhone 16 Plus 1290 x 2796 430 x 932 -
iPhone 16 1179 x 2556 393 x 852 -
iPhone 15 Pro Max, iPhone 15 Plus, iPhone 14 Pro Max, iPhone 14 Plus 1290 x 2796 (15/14 Plus, 15 Pro Max), 1284 x 2778 (14 Pro Max) 430 x 932 (15/14 Plus, 15 Pro Max), 428 x 926 (14 Pro Max) 460 (15 Pro Max), 458 (14 Pro Max)
iPhone 13 Pro Max, iPhone 12 Pro Max, iPhone 11 Pro Max, iPhone XS Max 1284 x 2778 (13/12 Pro Max), 1242 x 2688 (11 Pro Max, XS Max) 428 x 926 (13/12 Pro Max), 414 x 896 (11 Pro Max, XS Max) 458 (13/12 Pro Max), - (11 Pro Max, XS Max)
iPhone 15 Pro, iPhone 15, iPhone 14 Pro, iPhone 14 1179 x 2556 (15 Pro, 15), 1170 x 2532 (14 Pro, 14) 393 x 852 (15 Pro, 15), 390 x 844 (14 Pro, 14) 460 (15 Pro, 15), - (14 Pro, 14)
iPhone 13, iPhone 13 Pro, iPhone 12, iPhone 12 Pro 1170 x 2532 390 x 844 460
iPhone 11 Pro, iPhone XS, iPhone X 1125 x 2436 375 x 812 458
iPhone 13 mini, iPhone 12 mini 1080 x 2340 375 x 812 476
iPhone 8 Plus, iPhone 7 Plus, iPhone 6S Plus, iPhone 6 Plus 1080 x 1920 414 x 736 401
iPhone 11, iPhone XR 828 x 1792 414 x 896 326
iPhone SE {3rd gen}, iPhone SE {2nd gen}, iPhone 8, iPhone 7, iPhone 6S, iPhone 6 750 x 1334 375 x 667 326
iPhone SE {1st gen}, iPhone 5C, iPhone 5S, iPhone 5 640 x 1136 320 x 568 326
iPhone 4S, iPhone 4 640 x 960 320 x 480 326
iPhone 3GS, iPhone 3G, iPhone 320 x 480 - 163

Tabellen viser opløsninger i portrættilstand (Bredde x Højde). For landskabstilstand bytter du blot tallene om (Højde x Bredde).

Vigtige Termer at Kende

For fuldt ud at forstå iPhone skærmspecifikationer er det nyttigt at kende de relaterede termer:

Skærmstørrelse

Dette er den fysiske måling af skærmen, typisk angivet i tommer målt diagonalt fra hjørne til hjørne. Skærmstørrelsen kan også beskrives ved skærmens længde og bredde.

Pixel (px)

En pixel er den mindste synlige farveenhed på en skærm eller den mindste enhed i et digitalt billede. Digitale billeder består af mange individuelle pixels. Når et element er for eksempel 12 px højt, betyder det, at det fylder 12 pixels vertikalt på skærmen.

Punkt (pt)

Punkt er en måleenhed, der bruges i det digitale rum, især inden for design. Et punkt er oprettet for at tillade grafik at skalere uafhængigt af enhedens opløsning. En punkt enhed svarer til 0.352778 millimeter eller 0.0138889 tommer. På en standardopløsningsskærm er et punkt næsten lig med en pixel, men på højopløsningsskærme kan et punkt svare til to eller flere pixels.

Pixels Per Inch (PPI)

PPI angiver antallet af pixels, der kan placeres på en linje over én lineær tomme af skærmen. Det refererer til pixeltætheden. En skærm med høj PPI viser mere detaljerede billeder, da pixels er tættere pakket. Lavere PPI resulterer i færre, større pixels, hvilket kan føre til et mere 'pixelerede' eller grynet billede.

Opløsning

Opløsning er antallet af distinkte pixels i hver dimension (bredde x højde), der kan vises på skærmen. Det er et mål for billedets skarphed og klarhed. Højere opløsning betyder generelt et mere detaljeret billede. Det er vigtigt at bemærke, at den fysiske skærmstørrelse ikke dikterer opløsningen; en lille skærm kan have en meget høj opløsning og dermed skarp billedkvalitet.

Hvorfor er Forståelse af Skærmspecifikationer Vigtig?

At have styr på iPhone skærmstørrelser, opløsninger og relaterede termer er helt essentielt, når du arbejder med visuelt indhold. Hvis du nogensinde har oplevet, at et billede eller et design ser forkert ud, er beskåret eller utydeligt på en mobilskærm, skyldes det sandsynligvis manglende optimering til de specifikke skærmmål.

What size is the iPhone 13 Pro in Photoshop?
iPhone 13 Pro has a 6.1-inch screen with a screen size (resolution): 1170px × 2532px , 390px × 844px viewport 1, and a CSS Pixel Ratio of 3.

For designere, fotografer og indholdsskabere er denne viden kritisk af flere årsager:

  • Det sikrer, at dine designs, fotos eller grafik passer perfekt på skærmen uden at blive beskåret eller skaleret forkert.
  • Det hjælper med at opretholde designets konsistens og visuelle balance på tværs af forskellige iPhone modeller.
  • Det muliggør skabelsen af skarpt og detaljeret indhold ved at arbejde med den korrekte pixel-tæthed (PPI) og opløsning.
  • Det er nødvendigt for at overholde specifikationer og retningslinjer, især når indhold forberedes til mobilapps eller App Store.

Korrekt forståelse og anvendelse af disse specifikationer forbedrer brugeroplevelsen markant ved at levere indhold, der er let at se, læse og interagere med på enhver iPhone.

App Store Screenshot Krav

Hvis du arbejder med at skabe indhold til mobilapps, er det afgørende at kende kravene til screenshots, når appen skal indsendes til App Store. Apple har specifikke krav til størrelsen på screenshots for forskellige enheder. Her er et uddrag af de obligatoriske specifikationer:

Enhedsstørrelse i tommer (diagonal) iPhone Model Screenshot Størrelse: Portræt (i pixel) Screenshot Størrelse: Landskab (i pixel) Krav
6.7 iPhone 15 Pro Max, iPhone 15 Plus, iPhone 14 Pro Max 1290 x 2796 2796 x 1290 Påkrævet hvis app kører på iPhone og 6.5-tommer screenshots ikke er leveret. Upload 6.7-tommer screenshots.
6.5 iPhone 14 Plus, iPhone 13 Pro Max, iPhone 12 Pro Max, iPhone 11 Pro Max, iPhone 11, iPhone XS Max, iPhone XR 1284 x 2778 (14 Plus, 13/12 Pro Max), 1242 x 2688 (11 Pro Max, 11, XS Max, XR) 2778 x 1284 (14 Plus, 13/12 Pro Max), 2688 x 1242 (11 Pro Max, 11, XS Max, XR) Påkrævet hvis app kører på iPhone og 6.7-tommer screenshots ikke er leveret. Standard: Skaleret 6.7-tommer. Alternativ: Upload 6.5-tommer screenshots.
6.1 iPhone 15 Pro, iPhone 15, iPhone 14 Pro 1179 x 2556 2556 x 1179 Påkrævet hvis app kører på iPhone og 6.5- eller 6.7-tommer screenshots ikke er leveret. Standard: Skaleret 6.5- eller 6.7-tommer. Alternativ: Upload 6.1-tommer screenshots.
5.8 iPhone 14, iPhone 13 Pro, iPhone 13, iPhone 13 mini, iPhone 12 Pro, iPhone 12, iPhone 12 mini, iPhone 11 Pro, iPhone XS, iPhone X 1170 x 2532 (14, 13/12 Pro, 13), 1125 x 2436 (11 Pro, XS, X), 1080 x 2340 (13/12 mini) 2532 x 1170 (14, 13/12 Pro, 13), 2436 x 1125 (11 Pro, XS, X), 2340 x 1080 (13/12 mini) Påkrævet hvis app kører på iPhone og 6.5- eller 6.7-tommer screenshots ikke er leveret. Standard: Skaleret 6.5- eller 6.7-tommer. Alternativ: Upload 5.8-tommer screenshots.
5.5 iPhone 8 Plus, iPhone 7 Plus, iPhone 6s Plus 1242 x 2208 2208 x 1242 Påkrævet hvis app kører på iPhone. Upload 5.5-tommer screenshots.
4.7 iPhone SE (3rd gen), iPhone SE (2nd gen), iPhone 8, iPhone 7, iPhone 6s, iPhone 6 750 x 1334 1334 x 750 Påkrævet hvis app kører på iPhone og 5.5-tommer screenshots ikke er leveret. Standard: Skaleret 5.5-tommer. Alternativ: Upload 4.7-tommer screenshots.
4 iPhone SE (1st gen) 640 x 1096 (uden statuslinje), 640 x 1136 (med statuslinje) 1136 x 600 (uden statuslinje), 1136 x 640 (med statuslinje) Påkrævet hvis app kører på iPhone og 5.5- eller 4.7-tommer screenshots ikke er leveret. Standard: Skaleret 5.5- eller 4.7-tommer. Alternativ: Upload 4-tommer screenshots.
3.5 iPhone 4s 640 x 920 (uden statuslinje), 640 x 960 (med statuslinje) 960 x 600 (uden statuslinje), 960 x 640 (med statuslinje) Påkrævet hvis app kører på iPhone og 5.5-tommer screenshots ikke er leveret. Standard: Skaleret 5.5-, 4.7-, eller 4-tommer. Alternativ: Upload 3.5-tommer screenshots.

De vigtigste skærmstørrelser at prioritere for App Store screenshots er 6.7 tommer og 5.5 tommer. Hvis du leverer screenshots i disse to størrelser, vil Apple automatisk skalere dem til andre relevante størrelser. App Store kræver minimum 4 screenshots og tillader op til 10 per app-liste.

Ofte Stillede Spørgsmål

Hvad er forskellen mellem pixel og punkt?

En pixel er den mindste fysiske enhed på skærmen, der kan vise farve. Et punkt er en abstrakt måleenhed, der bruges i design til at sikre, at elementer ser ensartede ud på skærme med forskellig pixeltæthed. På skærme med standardopløsning er et punkt tæt på en pixel, men på højopløsningsskærme (Retina-skærme) kan et punkt repræsentere flere pixels for at bevare den tilsigtede fysiske størrelse af designelementet.

Hvorfor er iPhone skærmstørrelser og opløsninger vigtige for design?

Kendskab til skærmstørrelser og opløsninger er vigtigt for at sikre, at dine designs passer korrekt på skærmen, ser skarpe ud og giver en god brugeroplevelse. Det hjælper med at undgå beskæring, skalering eller forvrængning af indhold og er essentielt for at overholde designspecifikationer og App Store krav.

Hvilke skærmstørrelser er vigtigst for App Store screenshots?

Ifølge Apples retningslinjer er de vigtigste skærmstørrelser at levere screenshots for 6.7 tommer og 5.5 tommer. Hvis du leverer screenshots for disse to størrelser, kan Apple automatisk skalere dem til at passe til andre iPhone skærmstørrelser, hvor din app kører.

Ved at sætte dig grundigt ind i disse specifikationer kan du sikre, at dit visuelle indhold og dine designs præsenteres optimalt på tværs af hele rækken af iPhone modeller, hvilket er afgørende for succes i den mobile verden.

Hvis du vil læse andre artikler, der ligner iPhone Skærmmål: Guide for Designere, kan du besøge kategorien Design.

Avatar photo

Franne Voigt

Mit navn er Franne Voigt, jeg er en 35-årig fotograf fra Danmark med en passion for at fange øjeblikke og dele mine erfaringer gennem min fotoblog. Jeg har arbejdet med både portræt- og naturfotografi i over et årti, og på bloggen giver jeg tips, teknikker og inspiration til både nye og erfarne fotografer. Fotografi er for mig en måde at fortælle historier på – én ramme ad gangen.

Go up