iOS App Dev Images

[oo7ml]

Hi,

What size images should we use when developing an app.

When developing websites, i usually make all UI images x2 so that they display clear on retina devices.

Should i do the same for app development or should they just be their standard size?

For example, if i am using an image of a cog for my settings button, should it be 88px or 176px

Thanks in advance for your help.

 

[Ubuntu]

Hi,

What size images should we use when developing an app.

When developing websites, i usually make all UI images x2 so that they display clear on retina devices.

Should i do the same for app development or should they just be their standard size?

For example, if i am using an image of a cog for my settings button, should it be 88px or 176px

Thanks in advance for your help.

It's pretty much the same. You should make two versions of image, one at the retina resolution (with a filename format like "filename@2x.png" if it's a png) and the other will be the normal file name ("filename.png").

Then you just add both to the project and make your references to filename.png - depending on the device the respective image will be used.

 

[Kryckter]

It's pretty much the same. You should make two versions of image, one at the retina resolution (with a filename format like "filename@2x.png" if it's a png) and the other will be the normal file name ("filename.png").

Then you just add both to the project and make your references to filename.png - depending on the device the respective image will be used.

You should always do both, even though non retina devices would be getting pretty old and not able to run the latest OS.

Regardless, for now use both, either through 2 PNG files or adding them to the assets

 

[oo7ml]

Ok cool, so does iOS / xcode just pickup the retina when we name them as retina or do we need to reference also?

 

[dejo]

Ok cool, so does iOS / xcode just pickup the retina when we name them as retina or do we need to reference also?

iOS uses the retina image when possible, as Ubuntu already stated:

...depending on the device the respective image will be used.

 

[oo7ml]

Ok great, I was really asking if there is any setting or a line of code required in order to get iOS to pick up the retina

 

[dejo]

Ok great, I was really asking if there is any setting or a line of code required in order to get iOS to pick up the retina

As long as you name the images as Ubuntu stated, you shouldn't need to do anything else.

 

[oo7ml]

Great thanks for confirming, much appreciated

 

[dejo]

Great thanks for confirming, much appreciated

You're welcome.

Make sure you've given a good read through both the iOS App Programming Guide and the iOS Human Interface Guidelines.

 

[oo7ml]

Cool, will do, thanks again for your help