Ipad3 Retina image

I am making an offline mobile app.
To make ipad3 images do I make images at 2048 X 1536 by 263ppi?
or is the save for web still at 72ppi?

I would think that only the pixel size is relevant. Maybe ask in the InDesign forum, which is what I believe folk use for designing App screens.

Similar Messages

Image resolution and ipad3 retina

I have just screenshot an ipad home screen from an ipad3 (with app buttons etc) and wish to place this into indesign as a mockup for a client.
I have tried so many variations on resolution in Photoshop, making sure its placed in at 100% in indesign but it never looks crisp?
Any suggestions on resolution and pixel size would be much appreciated!
Thanks,
Nick.

Thanks for your reponse Bob,
The image is fine in photoshop and a little worse in Indesign (display performance: High Quality), but when viewed on an ipad3 retina it isn't as hi-res?
The image I screen shot is 2048x1536. Placed in an Indesign 1024x768 document at 50% with Actual 72ppi and Effective 144ppi.
Is there something I'm missing?
Thanks,
Nick

Does anyone have a sticky iPhone since upgrading to ios8? Scrolling is rough in iTunes (horizontal album covers) and on the iPad it's much worse with photo and video albums! iPhone5s and iPad3 retina displays.

Does anyone have a sticky iPhone since upgrading to ios8? Scrolling is rough in iTunes (horizontal album covers) and on the iPad it's much worse with photo and video albums! iPhone5s and iPad3 retina displays.

Lots and lots of questions
The new Photos app in OS X should address much of this - it greatly simplifies syncing stuff across machines. Apple has details on it up here:
https://www.apple.com/osx/photos-preview/
It says "coming this spring" and a pre-release version has already been made available to developer testers.

Load @2x retina images on retina equipped iPads?

I've seen a number of ways to dynamically load the retina version of an image (with @2x appended to the filename), but none of them seem to work with Edge animations. I'm guessing this is because these solutions work within CSS and not within embedded javascript. Has anyone found a method to dynamically load retina images based on the device?

Well, I gave it a shot. Here's the code I came up with. Unfortunately, it isn't working. Since I'm new to Javascript, I'm very open with the idea that I'm doing something wrong.
function getDevicePixelRatio() {
if(window.devicePixelRatio === undefined) return 1; // No pixel ratio available. Assume 1:1.
return window.devicePixelRatio;
    if(getDevicePixelRatio() > 1)
        var im='retina/';
    else
        var im='images/';

Ipad3 retina display is useless, iOS downsamples every photo to crap

http://www.tomshardware.com/reviews/ipad-3-benchmark-review,3156-5.html
iOS will downsample every photo to less than 2 megapixels! What is the point of a retina display if you can't even view a photo with a higer resolution then 2 megapixels? 2 MP's is a complete joke!
To see it for yourself look up a wallpaper with a resolution of 2040x1536 and watch what safari resizes it to.

actually, jim is right on this one. Apple's website provides higher quality images, photos, graphics, and text to the new iPad and iPhone 4/4S than it does to my MacBook Pro. It is up to the developer. The site may look exactly the same to you on the iPad and on the Mac/PC, but the iPad may be getting lower resolution stuff from the developer because it is a mobile device. That doesn't mean the developer is correct, or even logical, but it does give validity to what jim said...
I posted in another forum the difference. Check out this non-Retina image (and save it to your device), and the check out this Retina enabled image (and save it to your device). Then go to the photos app and go back and forth. you will see a difference.
I tossed those samples together in about 2 minutes to simply showcase the difference in display and how the Retina vs. Non-Retina display works. Try those same images on a 1st gen iPad or an iPad 2, and they will look the same when saved...

Building for iPad3 Retina with FB4.7 & AIR 3.5

If I build a basic application with only a button and deploy it to an iPad 3, the size of the button appears smaller then If I were to build the same application and run it on an iPad2 (where the button appears the normal size).
This is do not understand. I can't find a single bit of info on deploying to an iPad with a retina display anywhere on the net when using Air3.5 and FB4.7.
I was under the impression that AIR3.5 can deploy for iOS5.1 and hence support retina displays fine (which 3.1 could not on a windows machine).
What are the basic steps to creating an appication usng FB4.7 and AIR3.5 that scale items correctly when viewed on a retnina display please?
Thanks

Both methods are valid. I think you will be surprised how crisp things look on iPad retina scaled 200% but if quality is a concern then yes you can definitely have different images for the different resolutions.
This is a good article to read on that: http://developer.apple.com/library/ios/#documentation/2DDrawing/Conceptual/DrawingPrinting iOS/SupportingHiResScreensInViews/SupportingHiResScreensInViews.html#//apple_ref/doc/uid/T P40010156-CH15-SW1
I would start with scaling everything up first and then if you are not pleased with the look I would move on to making higher quality images for the higher resolutions.

Macbook Pro Retina Image Persistence

I'm experiencing fairly bad screenghosting on my Macbook Pro Retina display (15 inch, Mid 2011) and the last time I took it to be repaired the Apple Store had no openings for repair anytime soon. This model has an LG screen, prone to image persistence. I assumed I would go back another day to get it fixed, since then it has gotten much worse to the point where I need to take this in very soon. Because of this reason I decided to check my coverage. My one-year limited warranty expires on August 7th, 2013. It is currently 12:05am August 7th. Do I have all of today to get it dealt with? Will they cover this type of issue past warranty because of manufacturing fault? Am I out of luck?

You'll only know if you take your machine in TODAY. No one here from Apple so we can't conjecture what their response will be.
If you're lucky, you'll get a Samsung display without the pink/yellow tint.
Call immediately.
Clinton

IPad Mini Retina Image Retention

A little back story as I've gotten two iPad Airs that don't do this, and none of my other LCD devices do this.
I ordered 4 128 gig LTE mini retinas for the fam and opened them up. The first two I noticed ghosting on from the home screen icons after about 2 minutes and the other two were fine. But the other two had this horrible backlight issue all along the bottoms of the devices that at startup with the Apple logo it looked like a flashlight was coming up from the bottom (backlight bleed).
The devices were swapped by mail and a week later all 4 did the Image retention issue out of the box. Some with the backlight issue in addition to the IR. In contacting Apple, I was informed this was standard behavior of the devices and I've seen the notation on their site stating as such. Yet I've had the genius bar leads say it isn't normal, I've had colleages with retina Macbook pro's had their screens replaced for this issue, and posed the question what do graphic professionals do when they are editing work on their screen and they move windows around and see this ghost imaging. The answer is they couldn't do this kind of work as photography and video editing require static images to be on screen and I've never seen LCD panels behave this way with such freqency. So when I'm told this is rare and or acceptable by Apple and this is followed up by that's not normal, it is irritating. I also know this issue to become worse over time, and Apple also told me it goes away over time. Another contradiction.
So I'll pose a different question. How many have recieved devices that don't do this retention issue? The min is much better than the origional Mini with the resolution increase, I'm sure the lower speaker volume can be fixed in a software update as I would assume they are using the same speakers as the origional mini, and I've seen two iPad mini retinas that didn't do this image retention. But they are seemingly more rare than I've been lead to believe by Apple and online research.
Can anyone else recommend a solution?

Hi there,
iPad mini retina 32 GB 4G version
These are my tries, all of them(three times) failed with ghosting and other issues...
Production detail check:
http://www.chipmunk.nl/klantenservice/applemodel.html
DLXLP.........
Nice Name: iPad mini Retina (2nd Gen - Cellular)
Machine Model: iPad4,5
Family name: A1490
Model Number: ME824
Group1: iPadMini
Group2: WiFi-Cellular
Generation: 2
CPU speed: 1.3GHz
Screen size: 7.9 inch
Screen resolution: 2046x1536 pixels
Colour: Silver
Production year: 2013
Production week: 46 (November)
Model introduced: 2013
Capacity: 32GB
Memory - flavour: xx
Factory: DL (China - Foxconn)
DLXLP.........
Nice Name: iPad mini Retina (2nd Gen - Cellular)
Machine Model: iPad4,5
Family name: A1490
Model Number: ME824
Group1: iPadMini
Group2: WiFi-Cellular
Generation: 2
CPU speed: 1.3GHz
Screen size: 7.9 inch
Screen resolution: 2046x1536 pixels
Colour: Silver
Production year: 2013
Production week: 46 (November)
Model introduced: 2013
Capacity: 32GB
Memory - flavour: xx
Factory: DL (China - Foxconn)
F4KLR.........
Nice Name: iPad mini Retina (2nd Gen - Cellular)
Machine Model: iPad4,5
Family name: A1490
Model Number: ME824
Group1: iPadMini
Group2: WiFi-Cellular
Generation: 2
CPU speed: 1.3GHz
Screen size: 7.9 inch
Screen resolution: 2046x1536 pixels
Colour: Silver
Production year: 2013
Production week: 48 (December)
Model introduced: 2013
Capacity: 32GB
Memory - flavour: xx
Factory: F4 (China, Shanghai - Pegatron-Protek)

Black screen/white circles in upper left when testing iPad3 Retina app (Air 3.3)

I'm developing for iOS, particularly the iPad 3, on Windows. I downloaded the AIR 3.3 SDK and added it to Flash Pro CS6 per this thread: http://forums.adobe.com/message/4583745#4583745
My app runs fine in Air 3.2 but you can't run apps at Retina resolution with 3.2. If I compile the app with 3.3, it compiles dramatically faster (roughly 10x faster) but when I try to run it on the iPad, all it displays is a black screen, with five small white circles in a horizontal line in the upper left corner of the screen. The circles are animated like an old console progress indicator, cycling through showing one, two, three, four, then all five of them.
I've tried Googling this but if I search "white dots" I get dead pixels, and a bunch of miscellaneous unrelated results if I search "white circles". Does anyone know what might cause this issue or a solution for it?

It turns out you have to enable SWC in the Publish settings for a Retina/iOS5.1 app to work. You don't need the SWC under AIR3.2.

MacBook Pro Retina - Images in PS look great, but when uploaded to web too big and distorted

Part of the reason I hated using my Mac for graphic and web design is that when I create images in adobe photoshop everything looks amazing. However, when I upload them to the web, they are way too big and look distorted, this includes text.
I'm trying to make a text logo with a transparent background. When I create it in photoshop the size I want it looks fine and clear, but once it's uploaded to the web it looks way too big and the font is blurred. How can I fix this? I use the Adobe Cloud, so I have the latest version.

No sir, I'm still trying to figure out how to fix it
Here is what it looks like in photoshop :
then to see what it looks like in the browser, go to http://enigmadesigns.boards.net
This preview in the thread was taken with my cell phone as I don't know how to screenshot on a Mac yet LOL

Retina Images no longer working

So I was so excited the other day when I updated to CC 2014 and found that I could finally change the resolution of my sites to HDPI, however, today for some reason when I opened up some of my sites that were showing up correctly on Friday and suddenly they look like standard resolution (though the dialog still says its hdpi) anyway, I also noticed that when I add my 2x sized images, they place at half their normal size. What's going on?

You will likely get better program help in a program forum
The Cloud forum is not about using individual programs
The Cloud forum is about the Cloud as a delivery & install process
If you will start at the Forums Index https://forums.adobe.com/welcome
You will be able to select a forum for the specific Adobe product(s) you use
Click the "down arrow" symbol on the right (where it says All communities) to open the drop down list and scroll

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.)

Which resolution do I have to design for retina display Ipad 3

Hi all,
I have to design a background and icons for a ipad3 (2048x1536). With the Retina resolution I don’t know in which resolution I have to design?
Can I design in 2048x1536 or do I have to design my background in 4096 x 3072 pixels, and than rescale? I work in PS. Do I need to make my file in 72 or 150 dpi?
Can please somebody help me.
Thanks

Hi Michael,
Thank you. On this website:
http://designmodo.com/responsive-retina-images/?utm_source=Subscribers+%28Design Modo%29&utm_campaign=9e306296ab-Newsletter_41_23_2013&utm_medium=email
I had read on that images had to be 2 times so big. My english is not so good, I may have not understood
it well.
So when I desing on: 2048x1496 pixel 72di its fine for Ipad3.
For Ipad and Ipad2 I have to scale the image 50%?
The reduction of 50% is something I have to do in the code of the app?
Thanks for helping me,
GNT

IPad Retina Display - Publishing Question

Hi Everyone,
A bread and butter question for many of you I'd imagine, but I could use some advice as this is my first iPad app.
Background info -
Developing in Flash CS6, with AIR 3.4 SDK.
Stage size is 1024x768, and using all vector graphics.
I've created all app icons as per required resolutions, including for retina display.
- I've tested on both IPad2 and IPad3 (new Retina Display model).
- I've selected "High" in the Publishing settings in Flash.
- Images look good on IPad 2, medium-large images looks crisp (even when resized), but I have noticed that for some of the vector images that I've resized down quite small on screen (i.e. smaller than an icon size) have some minor line 'jaggies'. As a note I have the quality setting in the AS3 code set to "best".
- Images look SUPER crisp and sharp on the IPad3, those same smaller images are perfectly sharp and look flawless.
Question -
When looking at the Adobe help page of how to deploy a HD Retina Display app, it pretty much just mentions the steps of selecting "High" as the publishing setting.
Seeing I'm using 3.4 SDK (qhich references support for Retina Display), and Flash CS6, and also the 'High' publish setting, can my app be 'offically' referred to as a HD Retina Display app?
The main reason I'm asking is because my Flash stage is only at 1024x768, so I'm wondering if it has to be set at 2048x etc
Even so, the quality is so sharp and crisp on the iPad3!
Thanks all.

Hi Hanky,
You asked:
Seeing I'm using 3.4 SDK (qhich references support for Retina Display), and Flash CS6, and also the 'High' publish setting, can my app be 'offically' referred to as a HD Retina Display app?
The main reason I'm asking is because my Flash stage is only at 1024x768, so I'm wondering if it has to be set at 2048x etc
If there's an official Apple definition of an app being a "HD Retina Display App," then I don't know the answer. But, if your app plays on iPad3 Retinas, then in my opinion (not worth much), I'd say "yes" -- it's a HD Retina Display App (especially if you're getting the decent high-res imagery you stated).
Regarding the "jaggies" on the vector images, I have the same problem. I think it's an AIR issue. For my client, I had to convince them to just accept it, which they did (thankfully). To try eliminating the "jaggie" issue, I used PNG files in some cases. But, those resulted in "fuzzy" appearances, which isn't much better.
You might want to update your AIR to 3.7 SDK and publish with that, as it's the most-recent and fixes a few older issues.
Please advise when you go to submit your app to Apple, because Apple rejected my app for problems on the iPad3 Retina (see http://forums.adobe.com/message/5414458#5414458 ).

VGA adapter with iPad 3 creates yellow image on VD

An apple VGA adapter works fine with iPad2, but with iPad3 the image is too yellow.
I tried on two different iPad3. I repeat there is no problem with iPad2.
Is there a new generation of VGA adapters for iPad3 or is this a defective unit?
Regards

I know this thread isnt that recent but the answer can be found when you look at the VGA adapter product page mention in an earlier post:
"The Apple VGA Adapter mirrors exactly what you see on iPad 2 so that everyone in the room can enjoy it.
The Apple VGA Adapter supports video out (only) for iPad, iPhone 4, or iPod touch (4th generation)."
So there you have it - only video out is supported on the original iPad / iPhone 4 / iPad Touch.

Ipad3 Retina image

Similar Messages

Maybe you are looking for