Please wait, loading...

 

iOS Design Resolutions Cheat Sheet

January 24, 20220

Resolutions

Device Portrait Pixels Landscape Pixels Portrait Logical Resolution Landscape Logical Resolution

iPhone 6.7-inch

iPhone 12 Pro Max

1284 x 2778 px

2778 x 1284 px

428 x 926 points

926 x 428 points

iPhone 6.5-inch

iPhone XS Max, iPhone 11 Pro Max

1242 x 2688 px

2688 x 1242 px

414 x 896 points

896 x 414 points

iPhone 6.1-inch

iPhone 12, iPhone 12 Pro

1170 x 2532 px

2532 x 1170 px

390 x 844 points

844 x 390 points

iPhone 6.1-inch

iPhone XR, iPhone 11

828 x 1792 px

1792 x 828 px

414 x 896 points

896 x 414 points

iPhone 5.8-inch

iPhone X, iPhone XS, iPhone 11 Pro

1125 x 2436 px

2436 x 1125 px

375 x 812 points

812 x 375 points

iPhone 5.5-inch (Physical)

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

1080 x 1920 px

1920 x 1080 px

414 x 736 points

736 x 414 points

iPhone 5.4-inch

iPhone 12 Mini

1080 x 2340 px

2340 x 1080 px

375 x 812 points

812 x 375 points

iPhone 5.5-inch (Virtual)

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

1242 x 2208 px

2208 x 1242 px

414 x 736 points

736 x 414 points

iPhone 4.7-inch

iPhone 6, iPhone 6S, iPhone 7, iPhone 8, iPhone SE2

750 x 1334 px

1334 x 750 px

375 x 667 points

667 x 375 points

iPhone 4-inch

iPhone 5, iPhone 5S, iPhone 5C, iPhone SE

640 x 1136 px

1136 x 640 px

320 x 568 points

568 x 320 points

iPhone 3.5-inch

iPhone 4, iPhone 4S

640 x 960 px

960 x 640 px

320 x 480 points

480 x 320 points

iPhone (Legacy) & iPod Touch

1st, 2nd and 3rd Generation

320 x 480 px

480 x 320 px

320 x 480 points

480 x 320 points

iPad Pro 12.9-inch

iPad Pro 12.9-inch 1st, 2nd, 3rd and 4th Generation

2048 x 2732 px

2732 x 2048 px

1024 x 1366 points

1366 x 1024 points

iPad Pro 11-inch

iPad Pro 11-inch 1st and 2nd Generation

1668 x 2388 px

2388 x 1668 px

834 x 1194 points

1194 x 834 points

iPad 10.5-inch

iPad Pro 10.5, iPad Air 3rd Generation

1668 x 2224 px

2224 x 1668 px

834 x 1112 points

1112 x 834 points

iPad 10.2-inch

iPad 7th Generation

1620 x 2160 px

2160 x 1620 px

810 x 1080 points

1080 x 810 points

iPad 9.7-inch Retina

iPad 3rd, iPad 4th, iPad Air 1st, iPad Air 2nd, iPad Pro 9.7-inch, iPad 5th, iPad 6th Generation

1536 x 2048 px

2048 x 1536 px

768 x 1024 points

1024 x 768 points

iPad (Legacy)

1st and 2nd Generation

768 x 1024 px

1024 x 768 px

768 x 1024 points

1024 x 768 points

iPad Mini Retina

iPad Mini 2nd, 3rd, 4th and 5th Generation

1536 x 2048 px

2048 x 1536 px

768 x 1024 points

1024 x 768 points

iPad Mini (Legacy)

iPad Mini 1st Generation

768 x 1024 px

1024 x 768 px

768 x 1024 points

1024 x 768 points

Displays

Device Size PPI Assets Color Mode Color Temperature

iPhone 6.5-inch

iPhone XS Max, iPhone 11 Pro Max

6.5″

458

@3x

8bit RGB

Warm

iPhone 6.1-inch

iPhone XR, iPhone 11

6.1″

326

@2x

8bit RGB

Warm

iPhone 5.8-inch

iPhone X, iPhone XS, iPhone 11 Pro

5.8″

458

@3x

8bit RGB

Warm

iPhone 5.5-inch

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

5.5″

401

@3x

8bit RGB

Warm

iPhone 4.7-inch

iPhone 6, iPhone 6S, iPhone 7, iPhone 8

4.7″

326

@2x

8bit RGB

Warm

iPhone 4-inch

iPhone 5, iPhone 5S, iPhone 5C, iPhone SE

4.0″

326

@2x

8bit RGB

Warm

iPhone 3.5-inch

iPhone 4, iPhone 4S

3.5″

326

@2x

8bit RGB

Cool

iPhone (Legacy) & iPod Touch

1st, 2nd and 3rd Generation

3.5″

163

@1x

8bit RGB

Warm

iPad Pro 12.9-inch

1st, 2nd, 3rd, 4th Generation

12.9″

264

@2x

8bit RGB

Warm

iPad Pro 11-inch

1st, 2nd Generation

11″

264

@2x

8bit RGB

Warm

iPad 10.5-inch

iPad Pro 10.5, iPad Air 3rd Generation

10.5″

264

@2x

8bit RGB

Warm

iPad 10.2-inch

iPad Air 7th Generation

10.5″

264

@2x

8bit RGB

Warm

iPad 9.7 Retina

iPad 3rd, iPad 4th, iPad Air 1st, iPad Air 2nd, iPad Pro 9.7-inch, iPad 5th, iPad 6th

9.7″

264

@2x

8bit RGB

Warm

iPad (Legacy)

1st and 2nd Generation

9.7″

132

@1x

8bit RGB

Warm

iPad Mini Retina

iPad Mini 2nd, 3rd, 4th, 5th Generation

7.9″

326

@2x

8bit RGB

Warm

iPad Mini (Legacy)

iPad Mini 1st Generation

7.9″

163

@1x

8bit RGB

Warm

Dimensions

Device App Icon App Store Icon Spotlight Icon Settings Icon

iPhone 6.5-inch

iPhone XS Max, iPhone 11 Pro Max

180 x 180 px

1024 x 1024 px

120 x 120 px

87 x 87 px

iPhone 6.1-inch

iPhone XR, iPhone 11

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPhone 5.8-inch

iPhone X, iPhone XS, iPhone 11 Pro

180 x 180 px

1024 x 1024 px

120 x 120 px

87 x 87 px

iPhone 5.5-inch

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

180 x 180 px

1024 x 1024 px

120 x 120 px

87 x 87 px

iPhone 4.7-inch

iPhone 6, iPhone 6S, iPhone 7, iPhone 8

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPhone 4-inch

iPhone 5, iPhone 5S, iPhone 5C, iPhone SE

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPhone 3.5-inch

iPhone 4, iPhone 4S

120 x 120 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad Pro 12.9-inch

iPad Pro 12.9-inch 1st, 2nd, 3rd, 4th Generation

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad Pro 11-inch

iPad Pro 11-inch 1st, 2nd Generation

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad 10.5-inch

iPad Pro 10.5, iPad Air 3th Generation

167 x 167 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad 9.7 Retina

iPad 3rd, iPad 4th, iPad Air 1st, iPad Air 2nd, iPad Pro 9.7-inch, iPad 5th, iPad 6th Generation

152 x 152 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad (Legacy)

iPad 1st, 2nd Generation

76 x 76 px

512 x 512 px

40 x 40 px

29 x 29 px

iPad Mini Retina

iPad Mini 2nd, 3rd, 4th and 5th Generation

152 x 152 px

1024 x 1024 px

80 x 80 px

58 x 58 px

iPad Mini (Legacy)

iPad Mini 1st Generation

76 x 76 px

512 x 512 px

40 x 40 px

29 x 29 px

Common Design Elements

Device Status Bar Height Navigation Bar Height Tab Bar Height Table Width

iPhone 6.5-inch

iPhone XS Max, iPhone 11 Pro Max

132 px

132 / 408 px

146 px (Home Indicator: 102px)

1242 / 2688 px

iPhone 6.1-inch

iPhone XR, iPhone 11

88 px

88 / 272 px

98 px (Home Indicator: 68px)

828 / 1792 px

iPhone 5.8-inch

iPhone X, iPhone XS, iPhone 11 Pro

132 px

132 / 408 px

146 px (Home Indicator: 102px)

1125 / 2436 px

iPhone 5.5-inch

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

54 px

132 px

146 px

1080 / 1920 px

iPhone 4.7-inch

iPhone 6, iPhone 6S, iPhone 7, iPhone 8

40 px

88 / 64 px

98 px

750 / 1334 px

iPhone 4-inch

iPhone 5, iPhone 5S, iPhone 5C, iPhone SE

40 px

88 / 64 px

98 px

640 / 1136 px

iPhone 3.5-inch

iPhone 4, iPhone 4S

40 px

88 / 64 px

98 px

640 / 960 px

iPad Retina

iPad 3, 4, 5, 6, 7, Air 1, Air 2, Air 3, Pro, Mini 2, 3, 4, 5

40 px

88 px

112 px

dynamic

iPad Mini (Legacy)

20 px

44 px

56 px

dynamic

iPad (Legacy)

1st and 2nd Generation

20 px

44 px

56 px

dynamic

Icons

Device Toolbar and Navigation Bar Icon Tab Bar Icon

iPhone 6.5-inch

iPhone XS Max, iPhone 11 Pro Max

66 x 66 px

75 x 75 px (max 144 x 96 px)

iPhone 6.1-inch

iPhone XR, iPhone 11

44 x 44 px

50 x 50 px (max 96 x 64 px)

iPhone 5.8-inch

iPhone X, iPhone XS, iPhone 11 Pro

66 x 66 px

75 x 75 px (max 144 x 96 px)

iPhone 5.5-inch

iPhone 6 Plus, iPhone 6S Plus, iPhone 7 Plus, iPhone 8 Plus

66 x 66 px

75 x 75 px (max 144 x 96 px)

iPhone 4.7-inch

iPhone 6, iPhone 6S, iPhone 7, iPhone 8

44 x 44 px

50 x 50 px (max 96 x 64 px)

iPhone 4-inch

iPhone 5, iPhone 5S, iPhone 5C, iPhone SE

44 x 44 px

50 x 50 px (max 96 x 64 px)

iPhone 3.5-inch

iPhone 4, iPhone 4S

44 x 44 px

50 x 50 px (max 96 x 64 px)

iPad Retina

iPad 3, 4, 5, 6, Air 1, Air 2, Pro, Mini Retina

44 x 44 px

50 x 50 px (max 96 x 64 px)

iPad Mini

1st Generation

22 x 22 px

25 x 25 px (max 48 x 32 px)

iPad

1st and 2nd Generation

22 x 22 px

25 x 25 px (max 48 x 32 px)

Default Font Sizes iPhone 5/5C/5S/SE/6/6S/7/8

Label Type Default Font Size Default Font Weight

Navigation bar title

34 px

Medium

Regular buttons

34 px

Light

Table header

34 px

Light

Table label

28 px

Regular

Tab bar icon labels

20 px

Regular

Default Font Sizes iPhone 6 Plus/6S Plus/7 Plus/8 Plus

Label Type Default Font Size Default Font Weight

Navigation bar title

48 px

Medium

Regular buttons

48 px

Light

Table header

48 px

Light

Table label

44 px

Regular

Tab bar icon labels

30 px

Regular

Default Font Sizes iPhone X/XS/11 Pro/XS Max/11 Pro Max

Label Type Default Font Size Default Font Weight

Navigation bar title

48 px

Medium

Regular buttons

48 px

Light

Table header

48 px

Light

Table label

44 px

Regular

Tab bar icon labels

30 px

Regular

Default Font Sizes iPhone XR/11

Label Type Default Font Size Default Font Weight

Navigation bar title

34 px

Medium

Regular buttons

34 px

Light

Table header

34 px

Light

Table label

28 px

Regular

Tab bar icon labels

20 px

Regular

Size Classes For Adaptive Layout

Device Orientation Size Class

iPad – Portrait

Height: Regular | Width: Regular

iPad – Landscape

Height: Regular | Width: Regular

iPhone 6 Plus/6S Plus/7 Plus/8 Plus – Portrait

Height: Regular | Width: Compact

iPhone 6 Plus/6S Plus/7 Plus/8 Plus – Landscape

Height: Compact | Width: Regular

iPhone 5/5C/5S/SE/6/6S/7/8 – Portrait

Height: Regular | Width: Compact

iPhone 5/5C/5S/SE/6/6S/7/8 – Landscape

Height: Compact | Width: Compact

iPhone X/XS/11 Pro/XR/XS Max/11 Pro Max – Portrait

Height: Regular | Width: Compact

iPhone X/XS/XR/11/11 Pro/XS Max/11 Pro Max – Landscape

Height: Compact | Width: Compact

Leave a Reply

Your email address will not be published. Required fields are marked *

https://webcafe.pk/wp-content/uploads/2020/11/logo.png
About Us

Web Cafe is a place where creativity joins hands with the supremacy of high-end technology that reflects on the progress of our clients. We are a team of passionate, creative and result oriented professionals, aimed to deliver cutting-edge web design & web development service to fulfill the goals and objectives of clients.

Locate Us

Address :
Office #F12 First Floor
Millenium Heights
Newcity Phase II, Wah Cantt
Email us:
info@webcafe.pk
contact@webcafe.pk
Call us
0310-522-5902
0342-179-6986