Explained: 1x 2x 3x Images In Xcode

1x, 2x or 3x? What does this mean in Xcode?

1x, 2x, 3x Images For Xcode

Which image will be used for your app? That depends on the device your app is viewed on. Higher resolution devices (larger and newer devices) have more pixels on their screens. Thus they need higher resolution images to display properly without any blurring.

If you don’t supply the higher resolution (2x or 3x) images, your app will automatically try to scale the 1x image up. This is not good and can result in a distorted or blurry image!

Here’s a table showing the scale factor for popular iOS devices:

How To Create 1x, 2x, 3x Images For Your App

If you already have your asset but need to scaled correctly for 1x, 2x and 3x in Xcode you can try using one of these services:

• AppIcon.Co
• NSImage by Brosteins
• Make App Icon
• Iconizer
• Retini

Most of these services you input your image and you will get the @2x and @3x images.

How To Create 1x, 2x, 3x In Sketch

If you’re using Sketch to create your assets, simply go to the export panel and click the + icon to add the different scale factors

Then you can export your logo for all the different scale factors.