Updated on 2013/12/19: the beta version of iOS 7.1 seems to have restored the iOS 6 maximum number of characters for app icon. Check your app name on the beta before trying to find a new name (hello Photodiscover)!

There are some change in the icon metrics for iOS 7 that are worth noted.

Number of characters in app icon name

TLTR: the shorter your app display name is, the better it is.

The default police and text rendering have slightly changed on iOS 7. As a consequence, the display name of your app on the homescreen is affected and the maximum number of characters before your icon label is truncated has changed.

For instance, take an app called ’Lorem Ipsumd’. On iOS 6 (left image), the app label is ’Lorem Ipsumd’ but, on iOS 7 (right image), this label is truncated and displayed as ’Lorem Ipsu…’:

If the maximum number of characters was around 13 characters on iOS 6, this number is now around 12 characters, and you should be really safe with 11 characters (for western name and depending of your label of course). Some apps will have to be updated, like my favorite Photo browsing app, Photodiscover (13 characters!).

Some things to note:

If you have a space in your app name, and if this name is truncated now on iOS 7, you can try to replace the regular space by a thinner space. To do this, you can use the Character Viewer. Open Characters Viewer in your menu bar (if you don’t have Character Viewer in the menu bar, go to System Preferences > KeyBoard and select ’Show Keyboard & Character Viewers in menu bar’). Once Character Viewer is opened, type ’space’ in the search field, you will be able to select different spaces and insert them in your CFBundleDisplayName. For instance, ’SIX-PER_EM SPACE’ is a thinner space than the regular one and can be used to fit your app name on the homescreen.

Apple build-in apps can by-pass this limit! For instance, in French, “Camera” is displayed “Appareil photo”. If your own app is called “Appareil photo”, no matter space-trick you will use, your app name will be truncated. In fact, even if you remove the space and call your app “Appareilphoto”, your app name will be truncated. Sneaky Apple…

Name that are truncated on iPhone may be not truncated on iPad. The maximum number of characters before being truncated is larger on iPad. If your app is universal, you can use CFBundleDisplayName~ipad in your Info.plist to have a different name on iPad (thanks Hamish Moffatt for having pointed to this).

Apps that have been just downloaded but not opened have now a little blue circle in front of their icon display name. So, just after the download of the app, your app name may also be truncated until the user open your app for the first time. (I understand the rational behind the new UI - no localization, same metaphor as unread mail, flatter design - but, come-on, the iOS 6 ruban was much nicer and so cute!)

Icon shape

The classic rounded rect shape icon has also changed on iOS 7. As of iOS beta 6, the current shape is:

Rounded Corners

if you see a bunch of XML, your browser doesn’t support HTML 5 inline SVG!

You should definitively read Exploring iOS 7 Rounded Corners from Manfred Schwind for a brilliant and deep analyse of the new shape. The graphics resources (SVG and GIF) are all copied from this blog post so check it out. Manfred has produced a GIF to emphasise the small differences of the new shape:

Having a different icon on iOS 6 and iOS 7

If you app look is radically different on iOS 6 and iOS7, maybe you want to have a different icon on iOS 6 and iOS 7. Due to the icon dimension change, you can make an iOS 6 icon with a 114 x 114 size and an iOS 7 icon with a 120 x 120 size. Then, in your Info.plist file, add these two resources in the CFBundleIconFiles key:

You can use whatever name you want, provided you’re using all the mandatory sizes.

With Xcode 5, you can also have a nice overview in clicking on your project in the project navigator, click on the ’General’ tab and check the ’App Icons’ category. You should see something like this, without any yellow warning sign:

Gloss effects have been killed

If your app icon was using the iOS glossy effect, you’ll have to update your icon. UIPrerenderedIcon key (also known as “Icon already includes gloss effect”) has no effect on iOS 7. Appart from the rounded mask, your icon is rendered with no modification on iOS 7. If you still want a gloss effect on iOS 7, you just have to embed it in your icon resources.