{"id":188,"date":"2013-04-05T15:37:46","date_gmt":"2013-04-05T15:37:46","guid":{"rendered":"http:\/\/elbsolutions.com\/projects\/?p=188"},"modified":"2022-02-03T11:25:05","modified_gmt":"2022-02-03T17:25:05","slug":"ios-apps-need-how-many-versions-of-graphics-aaahhh-here-is-a-nice-table","status":"publish","type":"post","link":"https:\/\/elbsolutions.com\/projects\/ios-apps-need-how-many-versions-of-graphics-aaahhh-here-is-a-nice-table\/","title":{"rendered":"iOS app image size matrix for projects. Track your sizes using this tool."},"content":{"rendered":"

This is for a personal project a friend and I are doing – there are soooo many iterations of graphics that we need because we want things to look crisp. The intent for the table below to be copy& pasted and a column exists next to each resolution for a check mark to put beside each completed task. Keeping track of all this was almost a nightmare – I know this is specific to our project, but I trust this is useful for you too – copy and paste away.<\/p>\n

Please see naming conventions for this project at the end of this article.<\/span><\/em><\/p>\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n<\/colgroup>\n\n\n\n\n\n\n\n\n\n\n\n\n\n
<\/td>\n<\/td>\nRotation<\/td>\n<\/td>\niPhone 3″<\/td>\n<\/td>\niPhone Retina 3″<\/td>\n<\/td>\niPhone 5 (4″)<\/td>\n<\/td>\niPad\/ Mini *<\/td>\n<\/td>\niPadRetina*<\/td>\n<\/tr>\n
Cover Portrait<\/td>\n<\/td>\nLscp 90 deg R<\/td>\n<\/td>\n480×320<\/td>\n<\/td>\n960×640<\/td>\n<\/td>\n640×1156<\/td>\n<\/td>\n768 x 1004<\/td>\n<\/td>\n1536 x 2008<\/td>\n<\/tr>\n
Cover LandScape<\/td>\n<\/td>\nlandscape<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n1024 x 748<\/td>\n<\/td>\n2048 x 1496<\/td>\n<\/tr>\n
Guts\/Main Page<\/td>\n<\/td>\nlandscape<\/td>\n<\/td>\n480×320<\/td>\n<\/td>\n980×640<\/td>\n<\/td>\n1136×640<\/td>\n<\/td>\n1024×768<\/td>\n<\/td>\n2048×1536<\/td>\n<\/tr>\n
buttons\/segmented Controls<\/td>\n<\/td>\nlandscape<\/td>\n<\/td>\n52 x 44<\/td>\n<\/td>\n104 x 88<\/td>\n<\/td>\n104 x 88<\/td>\n<\/td>\n52 x 44<\/td>\n<\/td>\n104 x 88<\/td>\n<\/tr>\n
default camera image<\/td>\n<\/td>\nlandscape<\/td>\n<\/td>\nsame as guts<\/td>\n<\/td>\nsame as guts<\/td>\n<\/td>\nsame as guts<\/td>\n<\/td>\nsame as guts<\/td>\n<\/td>\nsame as guts<\/td>\n<\/tr>\n
ring and check image<\/td>\n<\/td>\n<\/td>\n<\/td>\n300 x 300<\/td>\n<\/td>\n300 x 300<\/td>\n<\/td>\n300 x 300<\/td>\n<\/td>\n300 x 300<\/td>\n<\/td>\n300 x 300<\/td>\n<\/tr>\n
appIcon<\/td>\n<\/td>\n<\/td>\n<\/td>\n72 x 72px<\/td>\n<\/td>\n144 x 144px<\/td>\n<\/td>\n144 x 144px<\/td>\n<\/td>\n72 x 72px<\/td>\n<\/td>\n144 x 144px<\/td>\n<\/tr>\n
iTunesArtwork<\/td>\n<\/td>\nn\/a<\/td>\n<\/td>\n512 x 512<\/td>\n<\/td>\n1024 x 1024<\/td>\n<\/td>\n1024 x 1024<\/td>\n<\/td>\n512 x 512<\/td>\n<\/td>\n1024 x 1024<\/td>\n<\/tr>\n
iPhone: settings\/spotlight<\/td>\n<\/td>\nn\/a<\/td>\n<\/td>\n29 x 29<\/td>\n<\/td>\n58 x 58<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/tr>\n
iPad: settings**<\/td>\n<\/td>\nn\/a<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n29 x 29<\/td>\n<\/td>\n58 x 58<\/td>\n<\/tr>\n
iPad:spotlight<\/td>\n<\/td>\nn\/a<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n<\/td>\n50 x 50<\/td>\n<\/td>\n100 x100<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n

NOTE: iPads and iPhones do NOT have the same aspect ratios – so you graphics will be stretched and interpolated by the device’s software\/hardware.<\/p>\n

Links<\/h2>\n