StackOverflow2013

Note that there are some explanatory texts on larger screens.

plurals

PO
text
Body
copied!<p>You can make four icons (as of today) for your app and they can all have a different look - not necessarily based on the 512x512 image.</p> <ul> <li>corner radius for the 512x512 icon = <strong>80</strong> (iTunesArtwork)</li> <li>corner radius for the 1024x1024 icon = <strong>180</strong> (iTunesArtwork <strong>Retina</strong>)</li> <li>corner radius for the 57x57 icon = <strong>9</strong> (iPhone/iPod Touch)</li> <li>corner radius for the 114x114 icon = <strong>18</strong> (iPhone/iPod Touch <strong>Retina</strong>)</li> <li>corner radius for the 72x72 icon = <strong>11</strong> (iPad)</li> <li>corner radius for the 144x144 icon = <strong>23</strong> (iPad <strong>Retina</strong>)</li> </ul> <p>If you do create a set of custom icons, you can set the <code>UIPrerenderedIcon</code> option to true in your info.plist file and it will not add the gloss effect but it will place a black background under it and still round the image corners with these corner radii so if the corner radius on any of the icons is greater then it will show black around the edges/corners.</p> <p><strong>Edit:</strong> See comment from @devin-g-rhode and you can see that any future icon sizes should have a <code>1:6.4</code> ratio of corner radius to icon size. There is also a very good answer from <a href="https://stackoverflow.com/a/29550364/396005">https://stackoverflow.com/a/29550364/396005</a> which has the location of image mask files used in the SDK for rounding icon corners</p> <p>To add a retina-compatible file, use the same file name and add '@2x'. So if I had a file for my 72x72 icon named icon.png, I would also add a 114x114 PNG file named icon@2x.png to the project/target and Xcode would automatically use that as the icon on a retina display. You can see this in action on the Summary page of the application target if you've done it right. The same works for your launch images. Use launch.png at 320x480 and launch@2x.png at 640x960. </p>

Querying!

Guidance

An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload