#iPhone Graphics Guidelines
Note to reader: If you have anything to add, please create a pull request!
All graphics should have their width and height rounded up or down - there shouldn’t be any graphics that have dimensions of 41x43 px for example, it should be 40x45px in this case, or 40x40/45x45 depending on the shape of the image.
Buttons must have a default state (how they will look normally), and a selected/highlighted state (how they will look when the user has tapped on it), as separate images.
All graphics must be provided in legacy and retina formats. Retina formatted graphics have “@2x” appended to their filename, and are twice the size (dimension) of the legacy images.
Application Icons need to be named and sized accordingly pursuant to the Apple Custom Icon and Image Creation Guidelines:
Filename | Dimensions | Description |
---|---|---|
Icon.png | 57x57px | The icon displayed on the homescreen on legacy devices. |
Icon@2x.png | 114x114px | The icon displayed on the homescreen on retina devices. |
Icon-Small.png | 29x29px | Settings Icon |
Icon-Small@2x.png | 58x58px | Retina Settings Icon |
Icon-Small-50.png | 57x57px | Spotlight search results icon |
Icon-Small-50.@2xpng | 50x50px | Spotlight search results icon retina |
iTunesArtwork.png | 100x100px | App icon to be displayed on the App Store |
iTunesArtwork@2x.png | 57x57px | Retina version of the App icon to be displayed on the App Store |
Launch screen graphics are displayed when the app is launched, and generally consist of the application’s logo and perhaps a few words about the app. It is sized accordingly, pursuant to the same guidelines:
Filename | Dimensions |
---|---|
Default.png | 320x480px |
Default@2x.png | 640x960px |
Default-568h@2x.png | 640x1136px |