Photoshop Resolution for Retina Display

Hi,
I am a iPhone/iPad UI designer. I have a question that I wanted to solve for a long time. I have created a graphics for native apps,i.e. 300x180 px with 72 ppi resolutions. Also created the same graphics 300x180 px dimension with 326ppi. For retina display will the both images be treated same? Is there will be any blurryness when zoom?
I mean to say when I suppose to send the assets of the apps to developers 326ppi resulution is necessary? or 72ppi will create same effects with the same pixel dimension?
Please find the attachments.
Thanks in advance.
72 ppi

Hi ericsil24,
Hold down the Option key while selecting a resolution for your display.
OS X Mavericks: Adjust your display resolution
Take care,
Nubz

Similar Messages

  • Images for retina display still unclear

    I just published my first site in muse, and I used a bunch of thumbnails made from photoshop buttons. For the desktop version, they are all 300x169. For the mobile version, I made them all 600x338 and then transformed them to 300x169 in Muse. I did this thinking it would be enough resolution for retina displays, but when I view it on my iPhone 6, they don't seem clear. When I email the same files to myself and open them on my iPhone, they are clear, but not on my published page. What did I do wrong?

    vega9, thanks for the info via private message.
    I expect the manually added meta tag for width was the incorrect solution to the problem. In general if a page is resizing incorrectly on phone or tablet devices, it's caused by content being outside the width of the page. Having content outside the page is often accidental (i.e. an empty text frame, the transparent area of a widget or container protruding beyond the page edge, etc) and easily corrected.
    As of the images, they are crisp 2x retina images. If you zoom in on the crisp edges and see the stair steps of pixelation, in your case I believe that's due to the limitations of creating a smooth looking edge when the authoring application of the graphic doesn't know the background color.
    The anti-aliasing approach used to create a very smooth looking edge on an LCD display requires knowing the background color. If you create a transparent PNG the edges can't use optimal anti-aliasing because the colors of the pixels that will behind the edges are not known. This results in the edges using a color agnostic approach to anti-aliasing, which is far better than no anti-aliasing but noticeably worse than LCD anti-aliasing.
    The short answer is, bake the background color into your images when you can and set an opaque background fill on text frames that use System Fonts. If you create a version of your logo that's an opaque image with the blue background baked in, the edges will be sharper. (Note that you'll want to turn off the automatic opaque PNG to JPEG conversion in Site Properties in Muse to avoid JPEG compression artifacts around the sharp edges. Or make a single pixel in the original PNG slightly transparent, 99% opaque, in order to prevent Muse from converting the image to JPEG during output.)

  • Low resolution on retina display

    It seems that adobe muse opens in low resolution on retina display. I used to have the same problem with adobe acrobat, but in that case i solved the problem by following the procedure in: http://forums.adobe.com/thread/1298242. That procedure, however, doesn't work with muse. Can somebody help me?

    Hi,
    Is there a fix for this?
    The UI is tiny on my Dell XPS 15 (retina display).
    Is there no option such as in photoshop for 'experimental features' to enlarge the UI by 200%?
    Currently it's unusable on a retina display.
    Thanks.

  • 'Enabled support for Retina display'

    I'm starting to see that some of the Apps I have installed are showing updates for 'enabled support for Retina display'. So how do Apps look on the new iPad before they get this support? Just the same as on iPad 2?!

    maclover6 wrote:
    They will look noticeably clearer on the new iPad. This iPad has a retna display, so it has 3.1million pixels. There are 250 pixles per inch on the new iPad. And only 132 On iPad 2. There are also prosessor upgrades to it as well so you will notice it goes faster. They upgraded the A5 chip to the A5X chip. You will notice that it has very sharp pictures, is is because they upgraded the rear facing camera to a 5 megapixle iSight camera. So to sum up, no apps will not look the same on iPad 2 vs. the new iPad.
    So why are the Apps getting specific updates to take advantage of the retina display if they look clearer on the new iPad? Am I missing something here?
    The new processor is also good news. I believe it has 1GB of RAM as well, up from the iPad 2. But will the extra power go largely towards powering the new retina display? Presumably having twice the resolution must need a bit more oomph to drive it?

  • Best practice for Retina display folios

    Creating a brand new app from scratch, optimised for retina display, but compatible with older iPads, what is the best page dimensions and image resolutions to use?
    Thanks

    Short and simple as Bob suggested. But if you want to deep dive more, here's an excellent blog from the other Bob ;-) Guidelines for Creating Folios for SD and HD iPads

  • Exporting PNGs for Retina displays in 326 ppi.

    Hi!
    I have made a layout for an iPhone app in Illustrator. When I export an artboard with a size of 160 x 90 px to png with 326 ppi, the size ot the image I get out of it is 724 x 408 px with 326 ppi. Also if I copy and paste the object to Photoshop it has the same growth.
    I'd like to make pixel-sharp design, so what is the best way to do it?

    OK, I see. Isn't that a bit of a cheating ? I have everything in the correct (pixel) size and in vectors in Illustrator. Are you two saying that you basically can not export files straight from there in PNGs with 326 ppi.
    So what is the best practice in making buttons, icons etc. for Retina displays? I have them in Illustrator now, so is there a good way to export them or do I have to start a copy-paste-photoshop-resize-hassle? Or should I just shrink the exported images in Photoshop?
    Thanks a lot already!

  • Wehen come the Update for Retina Display?

    When come the update for Retina Display?

    Hi Lensu,
    Support for retina display was added with the 1.3 update. Just open the App Store app and check for updates.
    -Dave

  • Designing for Retina Display without dealing with the retina.js addition

    Is it possible for me, as the designer, to create a website in muse and then have someone more tech saavy apply the retina.js stuff at the end? This work around/fix/addition is discussed here: http://retinajs.com/   and   http://www.muse-themes.com/blogs/news/6668254-designing-for-retina-display-in-adobe-muse.
    I am starting a webstie and have negative amounts of ability when it comes to the tech stuff. I would like to just design the site and 1x and @2x artwork/graphics (when they are needed) and then let someone else figure out the retina.js later. Is this possible or do I need to set up my new Muse site document with this in the very beginning?
    I am new to the "community" so if I am breaking any unwritten rules with this post or question please be patient with me but feel free to tell me exactly what I did wrong and how I should do it next time.
    Chris

    Hey, maybe you can use this http://www.muse-themes.com/blogs/news/6668254-designing-for-retina-display-in-adobe-muse
    Hope it helps.

  • Building for Retina Display??

    Are books created for Retina display compatible with 1st and 2nd Gen iPads?

    I haven't heard anything about that, sorry.
    As always, feel free to use the 'Provide iBooks Author Feedback' menu item for features you'd like added in the future, etc.
    http://www.apple.com/feedback/ibooks-author.html

  • Setting my display size to "Best for Retina Display" creates a host of problems.

    When I go into System Preferences>Displays>Set Best for Retina Displays, my typical web pages are scaled a bit too large to fit on the screen and I'm constanty having to scroll left/right to all the information. On top of that, if I click on a link, e.g., click on YouTube video, the resulting screen is shrunk to occupy only a small portion of the screen, and is much too small to read/view.  This is a new phenomenon and hasn't always been this way.  Any ideas?

    Which os version are you using? 
    Does this happen in all browsers? 
    You are still under warranty.  Call Apple Care and get your monies worth before it runs out. 

  • Enable High Resolution for Retina Screen

    Version 11.0.0 downloaded from Creative Cloud on iMac 5K Retina screen (Yosemite). Acrobat Pro opens in Low Resolution - all text.images appears blurred/bitmapped/low resolution.
    On looking at the applications info: 'Open in low resolution' is ticked and dimmed, so it can't be changed.
    I've seen a couple of hacks to fix this, one of which states you should go into the Contents/info.plist and add <key>NSHighResolutionCapable</key>
    <string>True</string> just before </dict>
    I'm not keen to do this, plus sounds like it will be glitchy.
    Please would the next update allow high resolution for Retina screens. Thanks.

    Big thanks Adobe, a day later, you release 11.0.09 which has fixed this issue.

  • Setting different resolutions for different displays?, setting different resolutions for different displays?

    Hi,
    I have a 30" dell display that I have used with my MBP. I recently got a MBA and installed mountain lion.  One of the things they inexplicably removed was the ability in the menu bar to set different resolutions for different displays. The only way I can get my Dell Monitor to work is to use mirroring. But I don't want mirroring. I want two separate displays.  In Snow Leopard, the drop down display menu in the menu bar allowed you to pick different resolutions for different displays. Is there any possible way to do that in Mountain Lion?
    Tom

    Yes, assuming that the 8" display has a resolution that the Mac can support. When you open the Displays system preference, you'll get a settings window on each display (as long as the option for Mirroring isn't checked).
    Regards.

  • When is going to be available Lightroom update for retina displays?

    When is going to be available Lightroom update for retina displays?

    Lightroom is on the list of software Adobe will be updating for the Retina display in the next few months. You can see the list in this Adobe blog post:
    New MacBook Pro Retina Display Support
    That's all the information Adobe has provided so far.

  • Highest resolution for external display for late 2012 retina?

    I have a 15" late 2012 MBP with retina display.  I'd like to get an external monitor but I'm not sure about the highest resolution for an external display this Mac will support.  It looks like the 4K displays with only work with later models.  So what are you using and how do you like it?
    Thanks
    Amy

    Yes, the 2012 MBP w/ Retina Display will support an external 4K display (using the Thunderbolt/mini display port)

  • Solution for photoshop on my retina display

    Hi, I am trying to work with Photoshop on my macbook pro retina display. Only i'm keep getting blurry pictures for the web. Please give me some tips to work better with sizes and saving photoshop files.

    I have exactly the same problem and have been searching online for somene like me!  My MBPR 15 started showing tiny white "pits" in the screen that has been getting progressively worse.  I can see now that they are in a line that matches up with the bottom row of the keyboard along the space bar.  I did use a thin microfiber keyboard cloth to protect the screen when the lid was closed, but this didn't seem to make any difference. 
    I bought it through the Apple store in singapore (I live in Thailand) and will be travelling to Geneva, Switzerland next month so I'll be dropping into the store there to see what happens....

Maybe you are looking for