{"id":1966,"date":"2014-10-01T15:08:50","date_gmt":"2014-10-01T22:08:50","guid":{"rendered":"http:\/\/www.wellgolly.com\/?p=1966"},"modified":"2014-10-08T09:43:11","modified_gmt":"2014-10-08T16:43:11","slug":"icon-sizes-for-new-iphones-and-ios8","status":"publish","type":"post","link":"https:\/\/www.wellgolly.com\/?p=1966","title":{"rendered":"Icon Sizes for New iPhones and iOS8"},"content":{"rendered":"<p>To view the sizes, select the blank image space that you are interested in and click the size inspector. The size shows up at the bottom RHS along with the iOS version that it is targeted to.<\/p>\n<p>Your screen should look something like this.<\/p>\n<p><img src='\/images\/App icon sizes.png' alt='App icon sizes' \/><\/p>\n<p>iPhone 6 requires two new images.<\/p>\n<p>180&#215;180<br \/>\nIcon-iPhone-60@3x.png<\/p>\n<p>87&#215;87<br \/>\nIcon-Small@3x.png<\/p>\n<p>If you look at the JSON for the appiconset it should look something like this. The first line has the sizes. Note that some icons are used in multiple places. The names are arbitrary but I kept the same naming convention as before.<br \/>\n<pre><code class=\"\u2019smaller\u2019 preserve-code-formatting\">\n{\n&nbsp;&nbsp;&quot;images&quot; : [\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;29x29&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;29x29&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;29x29&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small@3x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;3x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;40x40&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-40@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;40x40&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-iPhone-60@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;3x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;57x57&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;57x57&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;60x60&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-iPhone-60@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;60x60&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;iphone&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-iPhone-60@3x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;3x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;29x29&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;29x29&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;40x40&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-40.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;40x40&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-40@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;50x50&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small-50.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;50x50&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-Small-50@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;72x72&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-72.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;72x72&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-72@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;76x76&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-iPad-76.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;1x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;},\n&nbsp;&nbsp;&nbsp;&nbsp;{\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;size&quot; : &quot;76x76&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;idiom&quot; : &quot;ipad&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;filename&quot; : &quot;Icon-iPad-76@2x.png&quot;,\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&quot;scale&quot; : &quot;2x&quot;\n&nbsp;&nbsp;&nbsp;&nbsp;}\n&nbsp;&nbsp;],\n&nbsp;&nbsp;&quot;info&quot; : {\n&nbsp;&nbsp;&nbsp;&nbsp;&quot;version&quot; : 1,\n&nbsp;&nbsp;&nbsp;&nbsp;&quot;author&quot; : &quot;xcode&quot;\n&nbsp;&nbsp;},\n&nbsp;&nbsp;&quot;properties&quot; : {\n&nbsp;&nbsp;&nbsp;&nbsp;&quot;pre-rendered&quot; : true\n&nbsp;&nbsp;}\n}\n<\/code><\/pre><\/p>\n","protected":false},"excerpt":{"rendered":"<p>To view the sizes, select the blank image space that you are interested in and click the size inspector. The size shows up at the bottom RHS along with the iOS version that it is targeted to. Your screen should look something like this. iPhone 6 requires two new images. 180&#215;180 Icon-iPhone-60@3x.png 87&#215;87 Icon-Small@3x.png If &hellip; <a href=\"https:\/\/www.wellgolly.com\/?p=1966\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">Icon Sizes for New iPhones and iOS8<\/span><\/a><\/p>\n","protected":false},"author":6,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[21],"tags":[],"class_list":["post-1966","post","type-post","status-publish","format-standard","hentry","category-ios"],"_links":{"self":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts\/1966","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=1966"}],"version-history":[{"count":0,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts\/1966\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1966"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1966"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1966"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}