All the icons i am designing for iPad & iPhone applications are looking good on my PC. But the same is looking blurred on any iPad or iPhone. Can any one please help/suggest something, is there anything I am doing wrong while designing in Photoshop

  • Might be you are using some other size dimensions (height/width) in your Ipad/iphone thats why they are getting blurred..please make it sure the dimension which your icon has,and which you are using in your code, both same in your code? – Jack Dec 30 '11 at 9:47
  • I am using same width and height. – Manisha Gupta Dec 30 '11 at 10:16
  • I guess its completely related to your device, coz as you say everything goes fine with Photoshop on your desktop.. – Jack Dec 30 '11 at 10:29
  • I have updated your question, you know how to design in photoshop i guess..but your question was not saying that.. – Jack Dec 30 '11 at 10:37
  • 1
    We need a lot more info. Are these web site icons? App icons? What dimensions are they being exported as? If it's a web page can we have a link to the page? – DA01 Dec 30 '11 at 18:18

Icons for iThings have to be created in multiple sizes. What appears to be blur, I suspect, is a problem with scaling. There is a good discussion here of all the necessary sizes (9 separate sizes) and the various quirky things that can happen to them when they are displayed on a particular device in a given context.

Be sure you're saving png files, not jpegs (especially super-compressed jpegs), and follow the Apple HI guidelines for iOS.

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

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