{"id":2235,"date":"2013-03-04T17:38:12","date_gmt":"2013-03-04T16:38:12","guid":{"rendered":"http:\/\/t-machine.org\/?p=2235"},"modified":"2013-03-06T16:05:06","modified_gmt":"2013-03-06T15:05:06","slug":"every-size-you-need-to-know-when-designing-for-ios","status":"publish","type":"post","link":"http:\/\/new.t-machine.org\/index.php\/2013\/03\/04\/every-size-you-need-to-know-when-designing-for-ios\/","title":{"rendered":"Every size you need to know when designing for iOS"},"content":{"rendered":"<h3>References<\/h3>\n<ul>\n<li>Complex list of what&#8217;s required vs. optional vs. platform &#8211; <a href=\"http:\/\/developer.apple.com\/library\/ios\/#documentation\/userexperience\/conceptual\/mobilehig\/IconsImages\/IconsImages.html\">http:\/\/developer.apple.com\/library\/ios\/#documentation\/userexperience\/conceptual\/mobilehig\/IconsImages\/IconsImages.html<\/a>\n<\/ul>\n<h3>Building an app, the basics<\/h3>\n<h4>iPhone launchimage\/splash<\/h4>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">Default.png<\/th>\n<th colspan=\"2\">Default-568@2x.png<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>3 + 3GS<\/td>\n<td>320&#215;480<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td>4 + 4S<\/td>\n<td>640&#215;960<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td>5<\/td>\n<td>640&#215;1136<\/td>\n<\/tr>\n<\/table>\n<h4>iPad launchimage\/splash<\/h4>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">Default.png<\/th>\n<th colspan=\"2\">Default@2x.png<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>1 + 2<\/td>\n<td>768&#215;1004<br \/> or 1024&#215;748<\/td>\n<td><\/td>\n<td><\/td>\n<\/tr>\n<tr>\n<td><\/td>\n<td><\/td>\n<td>3 + 4<\/td>\n<td>1536&#215;2008<br \/> or 2048&#215;1496<\/td>\n<\/tr>\n<\/table>\n<h4>iPhone fullscreen<\/h4>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">No status bar<\/th>\n<th colspan=\"2\">with status bar<\/th>\n<th colspan=\"2\">with status bar + navbar<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>3 + 3GS<\/td>\n<td>320&#215;480<\/td>\n<td>3 + 3GS<\/td>\n<td>320&#215;460<br \/> or 480&#215;300<\/td>\n<td>3 + 3GS<\/td>\n<td>320&#215;416<br \/> or 480&#215;268<\/td>\n<\/tr>\n<tr>\n<td>4 + 4S<\/td>\n<td>640&#215;960<\/td>\n<td>4 + 4S<\/td>\n<td>640&#215;920<br \/> or 960&#215;600<\/td>\n<td>4S<\/td>\n<td>640&#215;832<br \/> or 960&#215;536<\/td>\n<\/tr>\n<tr>\n<td>5<\/td>\n<td>640&#215;1136<\/td>\n<td>5<\/td>\n<td>640&#215;1096<br \/> or 1136&#215;600<\/td>\n<td>5<\/td>\n<td>640&#215;1008<br \/> or 1136&#215;512<\/td>\n<\/tr>\n<\/table>\n<h4>iPad fullscreen<\/h4>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">No status bar<\/th>\n<th colspan=\"2\">with status bar<\/th>\n<th colspan=\"2\">with status bar + navbar<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>1 + 2<\/td>\n<td>768&#215;1024<\/td>\n<td>1 + 2<\/td>\n<td>768&#215;1004<br \/> or 1024&#215;748<\/td>\n<td>1 + 2<\/td>\n<td>768&#215;960<br \/> or 1024&#215;704<\/td>\n<\/tr>\n<tr>\n<td>3 + 4<\/td>\n<td>1536&#215;2048<\/td>\n<td>3 + 4<\/td>\n<td>1536&#215;2008<br \/> or 2048&#215;1496<\/td>\n<td>3 + 4<\/td>\n<td>1536&#215;1920<br \/> or 2048&#215;1408<\/td>\n<\/tr>\n<\/table>\n<h4>iPhone app icons<\/h4>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">App<\/th>\n<th colspan=\"2\">iTunes<\/th>\n<th colspan=\"2\">Spotlight<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>3 + 3GS<\/td>\n<td>57&#215;57<\/td>\n<td>3 + 3GS<\/td>\n<td>512&#215;512<\/td>\n<td>3 + 3GS<\/td>\n<td>29&#215;29<\/td>\n<\/tr>\n<tr>\n<td>4 + 4S + 5<\/td>\n<td>114&#215;114<\/td>\n<td>4 + 4S + 5<\/td>\n<td>1024&#215;1024<\/td>\n<td>4 + 4S + 5<\/td>\n<td>58&#215;58<\/td>\n<\/tr>\n<\/table>\n<h4>iPad app icons<\/h4>\n<h5>REQUIRED<\/h5>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">App<\/th>\n<th colspan=\"2\">iTunes<\/th>\n<th colspan=\"2\">NewsStand (if Newsstand app)<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>1 + 2<\/td>\n<td>72&#215;72<\/td>\n<td>1 + 2<\/td>\n<td>512&#215;512<\/td>\n<td>1 + 2<\/td>\n<td>&gt;= 512<\/td>\n<\/tr>\n<tr>\n<td>3 + 4<\/td>\n<td>144&#215;144<\/td>\n<td>3 + 4<\/td>\n<td>1024&#215;1024<\/td>\n<td>3 + 4<\/td>\n<td>&gt;= 1024<\/td>\n<\/tr>\n<\/table>\n<h5>OPTIONAL<\/h5>\n<table border=\"1\">\n<tr>\n<th colspan=\"2\">Spotlight<\/th>\n<th colspan=\"2\">Settings<\/th>\n<\/tr>\n<tr>\n<tr>\n<td>Model<\/td>\n<td>Size<\/td>\n<td>Model<\/td>\n<td>Size<\/td>\n<\/tr>\n<tr>\n<td>1 + 2<\/td>\n<td>50&#215;50<\/td>\n<td>1 + 2<\/td>\n<td>29&#215;29<\/td>\n<\/tr>\n<tr>\n<td>3 + 4<\/td>\n<td>100&#215;100<\/td>\n<td>1 + 2<\/td>\n<td>58&#215;58<\/td>\n<\/tr>\n<\/table>\n","protected":false},"excerpt":{"rendered":"<p>References Complex list of what&#8217;s required vs. optional vs. platform &#8211; http:\/\/developer.apple.com\/library\/ios\/#documentation\/userexperience\/conceptual\/mobilehig\/IconsImages\/IconsImages.html Building an app, the basics iPhone launchimage\/splash Default.png Default-568@2x.png Model Size Model Size 3 + 3GS 320&#215;480 4 + 4S 640&#215;960 5 640&#215;1136 iPad launchimage\/splash Default.png Default@2x.png Model Size Model Size 1 + 2 768&#215;1004 or 1024&#215;748 3 + 4 1536&#215;2008 or 2048&#215;1496 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[51,20],"tags":[],"_links":{"self":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2235"}],"collection":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/comments?post=2235"}],"version-history":[{"count":0,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/posts\/2235\/revisions"}],"wp:attachment":[{"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/media?parent=2235"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/categories?post=2235"},{"taxonomy":"post_tag","embeddable":true,"href":"http:\/\/new.t-machine.org\/index.php\/wp-json\/wp\/v2\/tags?post=2235"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}