

The rounded corners should not be included in the final exported assets, but you might need them in your design process if you want to add effects, such as a stroke or shadows, that are aligned to the corner of the icon. When designing app icons for iOS, I recommend to use the official app icon templates provided by Apple. Since iOS 7, app icons have been using the shape of a superellipse. The old simple radii values for rounded corners are gone. When rendered on a device, iOS applies various effects to app icons. IPhone 4, 4S, 5, 5C, 5S, 6, 6SE, 6S, 7, 8Īpp icons assets are generally added to the application package as plain, squared PNG files in various dimensions.

Because its screen has a lower pixel resolution than what would be a natural resolution, the rendered content is automatically resized to approximately 87% of the original size (from 2208 x 1242 pixels to fit the display resolution of 1920 x 1080 pixels) for the regular Plus models. Rendered pixels and physical pixels are equal on all iOS devices, with one exception: the Retina HD screen of the iPhone 6-, 7-, 8-Plus and iPhone X, XS and XS Max.

Depending on the screens pixel density, a point can contain multiple pixels (e.g., 1 pt contains 2 x 2 pixels on a regular retina display). Points are a resolution-independent measurement. The more pixels can be fitted into a specific screen size, the higher the PPI (pixels-per-inch), and the clearer the rendered content becomes.

Pixels are the smallest physical element that we can control on a digital display. IPad Air / Retina iPad 1st & 2nd Generation / 3rd & 4th
