789 posts
  • 3 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Beta Tester
+3 more
snkart
says

Everywhere i look in the UI section everybody is saying retina ready… and even in the uploading section there is a button to be checked if the file is retina ready or not. Can someone please tell me what’s that all about? Thank you very much!

416 posts
  • Affiliate Level 4
  • Author Level 3
  • Collector Level 3
  • 4 Years of Membership
+2 more
mitdralla
says

Hi there,

It is essentially a term created by Apple for their high definition screen resolution. They introduced this in iPhone 4.

If assets and elements are built for retina they are essentially up to the resolution standard that is now retina.

789 posts
  • 3 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Beta Tester
+3 more
snkart
says

Hi there,

It is essentially a term created by Apple for their high definition screen resolution. They introduced this in iPhone 4.

If assets and elements are built for retina they are essentially up to the resolution standard that is now retina.

Thank you for the explanation!

99 posts
  • Author Level 3
  • Collector Level 4
  • Exclusive Author
  • 3 Years of Membership
+1 more
SteveVanDijk
says

To be very short on this one, instead of 72dpi, retina is 150dpi… ;)

321 posts
  • 6 Years of Membership
  • Affiliate Level 2
  • Author Level 4
  • Collector Level 2
+4 more
design-spot
says

Good info ! Thank you :D

17 posts
  • 3 Years of Membership
  • Author Level 2
  • Canada
  • Collector Level 2
+1 more
justjimmy
says

To be very short on this one, instead of 72dpi, retina is 150dpi… ;)

Retina is a term coined by Apple, it means very high DPI on hardware.

Now, in terms of UI design, we disregard DPI . We deal purely in pixels.

So for normal a normal iPhone (non 4), the dimension is 320×480 pixels. Now for a retina iPhone (4 and up), you design in 640×960 dimension. So everything needs to be twice as big. But note in the real ‘world’, the hardware screen space is still the same! But now there are more pixels packed in per inch square, everything’s sharper.

If it’s still confusing, just always set your DPI to 72 and forget about it. Pixel is the only thing that matters.

314 posts
  • Affiliate Level 3
  • Author Level 5
  • Beta Tester
  • Collector Level 2
+5 more
stefusilviu
says

Yes indeed… If you have all the pixels required for Retina in the PSD , it’s good.

789 posts
  • 3 Years of Membership
  • Affiliate Level 1
  • Author Level 3
  • Beta Tester
+3 more
snkart
says

Really good info! Thank you all for your replies

359 posts
  • Exclusive Author
  • 5 Years of Membership
  • Affiliate Level 3
  • Author Level 6
+3 more
LiveAtTheBBQ
says

Listen to the advice of justjimmy! Always keep your documents on 72dpi!

63 posts
  • Affiliate Level 2
  • Author Level 6
  • Beta Tester
  • Collector Level 2
+5 more
AgentVIP
says

A lot of odd terminology floating around this thread. But as someone said, essentially it’s Apple’s coined term for a screen with a pixel density high-enough that the human eye isn’t supposed to recognise (i.e. unable to see individual pixels)

None of Apple’s products run at 72 PPI , nor do they run at 150 PPI (which was suggested above). They have products which they call ‘retina display’ which range from:
  • iPhone 5/4s – 326 PPI
  • iPad (3rd/4th) – 264 PPI
  • Macbook 15” – 220 PPI
  • Macbook 13” – 227

What does this mean? Well, nothing really. The iPhone 4s and iPhone 5 both run at 326 PPI , but they have different physical screen sizes.

Best thing to do, is to forget all about DPI /PPI unless you’re wanting to print. On screen, a 300 PPI image, will display the exact same as a 72 PPI image.. because screens don’t care about PPI .. they just display one pixel, per pixel (although Photoshop can resize images if you’re dragging from document to document, so you’re best off sticking to one PPI )

Instead, stick to the resolution of the screen at hand i.e. Set your document to 1136×640 for an iPhone 5, 960×640 for an iPhone 4s.. etc

by
by
by
by
by
by