694 posts
  • Bought between 10 and 49 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 2-3 years
  • Romania
  • Sold between 1 000 and 5 000 dollars
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!

412 posts
  • Sold between 1 000 and 5 000 dollars
  • Referred between 100 and 199 users
  • Bought between 10 and 49 items
  • Has been a member for 3-4 years
  • Exclusive Author
  • United States
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.

694 posts
  • Bought between 10 and 49 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 2-3 years
  • Romania
  • Sold between 1 000 and 5 000 dollars
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
  • Exclusive Author
  • Sold between 1 000 and 5 000 dollars
  • Bought between 100 and 499 items
  • Has been a member for 2-3 years
  • Netherlands
SteveVanDijk says

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

318 posts
  • Bought between 10 and 49 items
  • Exclusive Author
  • Has been a member for 5-6 years
  • Referred between 10 and 49 users
  • Romania
  • Sold between 5 000 and 10 000 dollars
design-spot says

Good info ! Thank you :D

17 posts
  • Bought between 10 and 49 items
  • Canada
  • Exclusive Author
  • Has been a member for 2-3 years
  • Sold between 100 and 1 000 dollars
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
  • Has been a member for 4-5 years
  • Sold between 10 000 and 50 000 dollars
  • Envato Studio (Microlancer) Beta Tester
  • Referred between 50 and 99 users
  • Bought between 10 and 49 items
  • Exclusive Author
  • Romania
stefusilviu says

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

694 posts
  • Bought between 10 and 49 items
  • Envato Studio (Microlancer) Beta Tester
  • Exclusive Author
  • Has been a member for 2-3 years
  • Romania
  • Sold between 1 000 and 5 000 dollars
snkart says

Really good info! Thank you all for your replies

342 posts
  • Has been a member for 4-5 years
  • Repeatedly Helped protect Envato Marketplaces against copyright violations
  • Exclusive Author
  • Bought between 100 and 499 items
  • Sold between 10 000 and 50 000 dollars
  • Netherlands
  • Referred between 10 and 49 users
LiveAtTheBBQ says

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

63 posts
  • Envato Studio (Microlancer) Beta Tester
  • Sold between 10 000 and 50 000 dollars
  • Referred between 10 and 49 users
  • Has been a member for 2-3 years
  • United Kingdom
  • Exclusive Author
  • Bought between 10 and 49 items
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