743 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+2 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!

413 posts
  • Has referred 100+ members
  • Has sold $1,000+ on Envato Market
  • Has collected 50+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
+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.

743 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+2 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
  • Has sold $1,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Sells items exclusively on Envato Market
  • Has been part of the Envato Community for over 2 years
+1 more
SteveVanDijk says

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

318 posts
  • Has been part of the Envato Community for over 5 years
  • Has referred 10+ members
  • Has sold $5,000+ on Envato Market
  • Has collected 10+ items on Envato Market
+3 more
design-spot says

Good info ! Thank you :D

17 posts
  • Has been part of the Envato Community for over 3 years
  • Has sold $100+ on Envato Market
  • Located in Canada
  • Has collected 10+ items on Envato Market
+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
  • Has referred 50+ members
  • Has sold $10,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+4 more
stefusilviu says

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

743 posts
  • Has been part of the Envato Community for over 2 years
  • Has sold $1,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+2 more
snkart says

Really good info! Thank you all for your replies

349 posts
  • Has referred 10+ members
  • Has sold $10,000+ on Envato Market
  • Has collected 100+ items on Envato Market
  • Has been part of the Envato Community for over 4 years
+3 more
LiveAtTheBBQ says

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

63 posts
  • Has referred 10+ members
  • Has sold $40,000+ on Envato Market
  • Has been a beta tester for an Envato feature
  • Has collected 10+ items on Envato Market
+3 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

Helpful Information

  • Please read our community guidelines. Self promotion and discussion of piracy is not allowed.
  • Open a support ticket if you would like specific help with your account, deposits or purchases.
  • Item Support by authors is optional and may vary. Please see the Support tab on each item page.

Most of all, enjoy your time here. Thank you for being a valued Envato community member.

Post Reply

Format your entry with some basic HTML. Read the Full Details, or here is a refresher:

<strong></strong> to make things bold
<em></em> to emphasize
<ul><li> or <ol><li> to make lists
<h3> or <h4> to make headings
<pre></pre> for code blocks
<code></code> for a few words of code
<a></a> for links
<img> to paste in an image (it'll need to be hosted somewhere else though)
<blockquote></blockquote> to quote somebody

:grin: :shocked: :cry: Complete List of Smiley Codes

by
by
by
by
by
by