Graphic Design Stack Exchange is a question and answer site for Graphic Design professionals, students, and enthusiasts. Join them; it only takes a minute:

Sign up
Here's how it works:
  1. Anybody can ask a question
  2. Anybody can answer
  3. The best answers are voted up and rise to the top

I am designing UI for an application which is going to be available for both Android and iPhone. While for android, slicing/chopping up the UI elements is pretty much simple and straight forward, we have to resize the UI elements for ldpi, mdpi, hdpi and xhdpi. i.e., 36X36, 42X42, 72X72 and 96X96 respectively. However, am not sure about resizing the UI elements for iPhone. I read somewhere that we have to resize the UI elements in @x and @2x sizes and also I've read we need to change the ppi of the UI elements as well, like 163ppi and 326ppi.

So, I am confused between: 1) By resizing image.png @x and @2x 2) By changing the image.png's 163ppi and 326ppi versions.

Which one is the appropriate way?

share|improve this question
Related question:… – Yisela Oct 19 '13 at 22:12
up vote 3 down vote accepted

i think resize of the png's is the best method,

for Retina ex:-sample@2x.png

for standard 50% of retina ex:-sample.png..

share|improve this answer
So is it like, If I have an image of a resolution, say, 200X300, so will I have to make an image of 400X600? without changing the ppi? – Chandan Oct 19 '13 at 11:54
actually ppi is used for only taking print, for using in device no need to bother about ppi...we have to be care in resolution only – Rachuru Oct 19 '13 at 12:00

Your Answer


By posting your answer, you agree to the privacy policy and terms of service.

Not the answer you're looking for? Browse other questions tagged or ask your own question.