{"id":1722,"date":"2013-09-18T13:09:59","date_gmt":"2013-09-18T20:09:59","guid":{"rendered":"http:\/\/www.wellgolly.com\/?p=1722"},"modified":"2013-09-18T13:09:59","modified_gmt":"2013-09-18T20:09:59","slug":"new-icons-and-launch-images-for-ios7","status":"publish","type":"post","link":"https:\/\/www.wellgolly.com\/?p=1722","title":{"rendered":"New Icons and Launch Images for iOS7"},"content":{"rendered":"<p>iOS7 requires new images for the icons and launch image and Xcode now provides a new way of validating that you have all of the required images.<\/p>\n<p>Just to see what Xcode would do, I created a new app from scratch and looked at the images it requires.<\/p>\n<p><img decoding=\"async\" class='centered' src=\".\/images\/Icon and Launch Images.png\" alt='Launch Images' \/><\/p>\n<p>I then took a look at what an existing app looks like. The first thing I noticed is that I forgot to include the 100&#215;100 iPad retina image. Then I noticed that the last four launch images are the same as the ones that I already have. <\/p>\n<p><img decoding=\"async\"  class='centered' src=\".\/images\/Icon and Launch Images with Names.png\" alt='Launch Images' \/><\/p>\n<p>I manually added the Portrait Non-Retina and it automatically found the retina version. Then I added the Landscape Non-Retina and it found the retina. I looked in the .plist for the app and Xcode had added lines for the new files. Since I have over 20 apps I didn\u2019t want to repeat this 20 or more times so I right-clicked on the file, opened the .plist as source, then copied the following lines.<\/p>\n<p><pre><code class=\"preserve-code-formatting\">\n&lt;key&gt;UILaunchImages~ipad&lt;\/key&gt;\n&nbsp;&nbsp;&lt;array&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;dict&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageMinimumOSVersion&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;7.0&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageName&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Default-Landscape&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageOrientation&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Landscape&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageSize&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;{768, 1024}&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/dict&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;dict&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageMinimumOSVersion&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;7.0&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageName&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Default-Portrait&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageOrientation&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Portrait&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;key&gt;UILaunchImageSize&lt;\/key&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;{768, 1024}&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;\/dict&gt;\n&nbsp;&nbsp;&lt;\/array&gt;\n<\/code><\/pre><br \/>\nI pasted these lines into the same place in each of the .plists.<\/p>\n<p>While I was at it, I added a line to my pre-iOS7 images list for the file I forgot to include. That section now looks like this:<br \/>\n<pre><code class=\"preserve-code-formatting\">\n&nbsp;&nbsp;&lt;key&gt;CFBundleIconFiles&lt;\/key&gt;\n&nbsp;&nbsp;&lt;array&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-72.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-72@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small-50.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small-50@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&lt;\/array&gt;\n<\/code><\/pre><\/p>\n<p>I then used Xcode to add the new images. (Note: As far as I can tell, you can name them anything you want. I followed a logical extension of the old rules.) I used the same image for Spotlight iPad Retina and iPhone Retina (80&#215;80) so I name it Icon-402x.png.<br \/>\nXcode added an iPad section to the .plist. The .plist now looks like this:<br \/>\n<pre><code class=\"preserve-code-formatting\">\n&lt;key&gt;CFBundleIconFiles&lt;\/key&gt;\n&nbsp;&nbsp;&lt;array&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-40&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-iPhone-60&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-72.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-72@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small-50.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small-50@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&lt;\/array&gt;\n&nbsp;&nbsp;&lt;key&gt;CFBundleIconFiles~ipad&lt;\/key&gt;\n&nbsp;&nbsp;&lt;array&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-40&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-iPad-76&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-iPhone-60&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-72.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-72@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small-50.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small-50@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small.png&lt;\/string&gt;\n&nbsp;&nbsp;&nbsp;&nbsp;&lt;string&gt;Icon-Small@2x.png&lt;\/string&gt;\n&nbsp;&nbsp;&lt;\/array&gt;\n<\/code><\/pre><\/p>\n<p>Xcode has a new folder type for Asset Catalogs. I did not convert my icons to asset catalogs, but it looks like a good way to manage assets.<\/p>\n","protected":false},"excerpt":{"rendered":"<p>iOS7 requires new images for the icons and launch image and Xcode now provides a new way of validating that you have all of the required images. Just to see what Xcode would do, I created a new app from scratch and looked at the images it requires. I then took a look at what &hellip; <a href=\"https:\/\/www.wellgolly.com\/?p=1722\" class=\"more-link\">Continue reading <span class=\"screen-reader-text\">New Icons and Launch Images for iOS7<\/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-1722","post","type-post","status-publish","format-standard","hentry","category-ios"],"_links":{"self":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts\/1722","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=1722"}],"version-history":[{"count":0,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=\/wp\/v2\/posts\/1722\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=1722"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=1722"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.wellgolly.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=1722"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}