-
Notifications
You must be signed in to change notification settings - Fork 3
iOS Images
Kevin Leong edited this page Oct 19, 2016
·
3 revisions
Prepare three different resolutions for each image to support different screen sizes:
| Suffix | Target Devices |
|---|---|
| none | Non-retina devices, such as the iPad 2 |
| 2x | iPhone 4-7(s) |
| 3x | iPhone 6-7 Plus |
Image files should follow this naming convention:
image.png
[email protected]
[email protected]
This naming convention allows Xcode to automatically assign them to the correct device resolution when dragged and dropped into the assets folder.
| Device | Navigation bar and toolbar icon size | Tab bar icon size |
|---|---|---|
| iPhone 6s Plus | 66px x 66px | 75px x 75px, Maximum: 144px x 96px |
| iPhone 6s, iPhone SE | 44 x 44px | 50px x 50px, Maximum: 96 x 64px |
| iPad Pro, iPad, iPad Mini | 44 x 44px | 50px x 50px, Maximum: 96 x 64px |
Tab Bar icons, for example, should be at the following resolutions:
| multiplier | size |
|---|---|
| 1x | 25px x 25px |
| 2x | 50px x 50px |
| 3x | 75px x 75px |
- Apple Developer