We often have to update our application with the necessary high-resolution images needed for the new iPad (iPad 3 or iPad 4). Fortunately, the new iPad Mini has maintained the same resolution as the first iPad is 1024 × 768 pixels.
Since it is not always easy to find the documents ufficali Apple, in this article I have again gathered all the information we need to update the icons, the intro, and so on.
First of all let’s start with this handy table:
Device/Screen | File Name (PNG) | Icon Size (pixels) |
iPhone and iPod | ||
Application Icon for iPhone (retina display) | Icon@2x.png | 114 x 114 |
Application Icon icon for iPhone | Icon.png | 57 x 57 |
Settings/Spotlight icon for iPhone (retina display) | Icon-Small@2x.png | 58 x 58 |
Settings/Spotlight icon for iPhone | Icon-Small.png | 29 x 29 |
Launch image Portrait (retina display) | Default@2x.png | 640 x 960 |
Launch image Portrait | Default.png | 320 x 480 |
iPhone 5 |
||
Launch image for iPhone 5 Portrait (retina display) | Default-568h@2x.png | 640 x 1136 |
iPad | ||
Application Icon for the new iPad (retina display) | Icon-72@2x.png | 144 x 144 |
Application Icon for the iPad | Icon-72.png | 72 x 72 |
Settings/Spotlight icon for iPad | Icon-Small-50@2x.png | 100 x 100 |
Settings/Spotlight icon for iPad | Icon-Small-50.png | 50 x 50 |
Launch image Portrait (retina display) | Default-Portrait@2x.png | 1536 x 2008 |
Launch image Portrait | Default-Portrait.png | 768 x 1004 |
Launch image Landscape (retina display) | Default-Landscape@2x.png | 2048 x 1496 |
Launch image Landscape | Default-Landscape.png | 1024 x 748 |
iTunes App Store | ||
App icon for the App Store (retina display) | iTunesArtwork@2x.png | 1024 x 1024 |
App icon for the App Store | iTunesArtwork.png | 512 x 512 |
Remember that with the transition from iOS 5 to iOS 6 is where the new iPhone 5, along with the iPod touch 5th generation.
These new Apple devices have only one big change in terms of the development of the App: The resolution of the screen. These devices have a large 4 “screen, WDVGA (Wide VGA Double) 640 × 1136 pixels, 326 DPI Retina display. These devices have the same width but more iPhone 4/4S height of 176 pixels in portrait mode.
App Icon Template
Point out again, as I have done in another article, this useful tool downloaded from the site “appicontemplate.com”
By downloading the file you will get a PSD of the ‘icon of the app that, through Smart Objects in Photoshop, allows you to automate the process of exporting various dimensions of the icon.png file that must be included in the bundle of all iOS App
Through this model Photoshop we can only change the icon size bigger and it will automatically render that allow you to have icons of smaller size through a fast workflow.
This model has been created and maintained by the Danish designer Michael Flarup.
How to use (How to) App Icon Template?
The model works with Photoshop CS2 or later. Just open the PSD file with your version of Photoshop and then “right click” on the LAYER called “SMART EDIT THIS OBJECT” (EDIT THIS SUBJECT SMART) and click on ‘Edit Contents’.
This will open the file Icon.psb and you can create your artwork in this canvas (painting). After saving the Icon.psb should be automatically rendered for the various sizes of main PSD file. And is possible to use the Actions (automated actions) of Photoshop that are bundled with the resource to export icon file versions squared and rounded corners.
Good Design!