I’ve been working away on my latest app, and was just creating a new piece of artwork for the splash screen. When I did this, I wanted to start with the iPad Pro 12″ and scale down within Photoshop to maximise the quality of each asset size.
For all of my other assets, I had started with the iPad for some stupid reason and got my math all confused.
So I went hunting for a guide, and found an old site from Ben Lew of Pi’ikea St. It was a little out of date, plus I really wanted to calculate the sizes using the iPad Pro as the starting point.
So I took Ben’s page and popped it into a spreadsheet. The result is available below for download. I’ve also taken a screenshot so that you can see it easily.
In Photoshop, something Ben taught me to do a few years back was to create a layer called “default”, and, in order to get Photoshop to export the various layers in my file as appropriately sized assets, add the sizes as percentages along with folder names.
For me, assuming my originals are for the iPad Pro 12″, this means I give my ‘default’ layer the name:
"default 15.63% iphone/@1x, 31.25% iphone/@2x, 46.88% iphone/@3x, 37.5% ipad/@1x, 75.00% ipad/@2x, 100.00% ipad/@pro"
Similarly, where the originals are for an iPad Retina, the default layer would be called:
"default 20.8% iphone/@1x, 41.7% iphone/@2x, 62.5% iphone/@3x, 50.0% ipad/@1x, 100.00% ipad/@2x, 133.33% ipad/@pro"
You can download the spreadsheet below.
artwork sizes – PDF
artwork sizes – Numbers
artwork sizes – Excel