Looks like no one’s replied in a while. To start the conversation again, simply ask a new question.

Level 1

5 points

Optimized for Retina Display settings?

Are their settings to optimize a book for the new iPad retina display? At this moment, the updated applications still functions as if the resolution is 1024x768. Perhaps I a missing some new option somewhere?

Posted on Mar 7, 2012 3:04 PM

44 replies

soulhill Author

Level 1

5 points

Mar 7, 2012 5:36 PM in response to K T

Tim Cook said, during today's event "If your images look good on an iPad 2, they will look even better on a new iPad." I'm inclined to believe him

You are completely missing the point. A 1024x768 image on the iPad 3 will not look better. A 2048 x 1536 image will. It will be twice as sharp. Your eyes — your 'retina' will not be able to distinguish individual pixels - but only, only, only if the image resolution takes advantage of the screen resolution.

limtc

Level 1

70 points

Mar 7, 2012 5:36 PM in response to K T

Developers don't have to recode but still need to give the @2x images.

K T

Level 7

23,877 points

Mar 7, 2012 5:37 PM in response to soulhill

You shortchange the technology...

Mar 7, 2012 5:42 PM in response to soulhill

I don't have the new update so not sure how importing the higher res images works, or authoring for the new ipad etc.

But I would guess that you would import an 2048 x 1536 image to fill the screen, will test tonight.

Also what happens to a "Retina" ready ibook when viewed on a ipad 2/1?

Does it save media at 2 resolutions? etc., maybe it does it all on the fly.

K T

Level 7

23,877 points

Mar 7, 2012 5:42 PM in response to limtc

Right - along with Open GL, code, bundle resources, control over shaders, etc. There are many things devs can do directly thru code that book authors are worlds away from 🙂

K T

Level 7

23,877 points

Mar 7, 2012 5:42 PM in response to Barnheisel

iOS 5.1...

Mar 7, 2012 5:51 PM in response to K T

I don't have the iOS 5.1 yet

or the IBA 1.1 (which is suppose to take advantage of the new retina display)

which is what I was talking about.

will download both tonight.

K T

Level 7

23,877 points

Mar 7, 2012 6:32 PM in response to Barnheisel

All updated here now....5.1 on iPad. 4S & Apple TV. Xcode 4.3.1 w/5.1 support & iPad Retina simulator (huge!) 🙂 - iBA 1.1, iTunes 10.6, GarageBand 6.0.5 and iPhoto 9.2.2

Surprising fast today, given all the updates and all the demand, actually.

Mar 7, 2012 11:33 PM in response to soulhill

I think I have an answer for you.

I placed a 2048 x 1536 image in a IBA document and scaled it to fit the page.

exported as a .ibook in both IBA 1.0 and IBA 1.1

then opened the package and looked at the assets.

In version 1.0 the image was replaced with a 1024 x 768 image (half the pixel size of the original)

in version 1.1 the image remained the original 2048 x 1536.

So in version 1.1 the file size was larger (2.6 m vs 1.8 m)

(the actual jpg was was (123k vs 70k)

it was 930k before bringing it into IBA (not sure what compression quality IBA is using, but seems like medium #5)

So in the New iPad it is pretty clear it will display at the large size. (264dpi)

the version with the 2048 x 1536 image displayed fine on the ipad2, it must downsize it on the fly.

There did seem to be a noticeable delay on displaying that page though.

I will need to test that more.

Hope that helps.

soulhill Author

Level 1

5 points

Mar 8, 2012 4:11 AM in response to Barnheisel

Barnheisel,

Now that is a helpful reply! If Apple would document the specifics it would be useful. Right now the "Full Resolution" button considers 1024 x 768 full resolution. I understand that changing this might lead to confusion with present layouts so perhaps a second button would be in order?

K T

Level 7

23,877 points

Mar 8, 2012 7:14 AM in response to soulhill

Optimizing performance in your iBooks Author books [ support.apple.com/kb/HT5117 ]

Working with images

Use JPG for opaque raster images and PNG for transparent raster images whenever possible.
Resize, crop, and rotate images to the desired size and rotation before importing them into iBooks Author.
Use an sRGB color profile in your images to improve size and processing time.
If you need to use high-resolution images in your book, wait to add them until your book is near completion.

Mar 8, 2012 7:20 AM in response to soulhill

Where is the "full resolution" button?

My test were with out changing any settings.

soulhill Author

Level 1

5 points

Mar 8, 2012 7:24 AM in response to K T

KT,

I don't think you understand what this discussion is about. I am asking what the guidelines and best practices are for optimizing graphics for display on the iPad 3, not how to optimize the performance of those books. I know they both have the word "Optimize", but the question is very different. I suspect Barnheisel is onto something — most likely that graphics simply need to be doubled (specifically doubled) in size, but not area. Again, the 'Full Resolution" button on the inspector is misleading in this regard as selecting it would lead to images that display at half the available resolution of an iPad 3.

K T

Level 7

23,877 points

Mar 8, 2012 7:30 AM in response to soulhill

What 'button'? ...we're not seeing it, sorry.

Do you mean 'Original Size'...?

soulhill Author

Level 1

5 points

Mar 8, 2012 7:35 AM in response to Barnheisel

Where is the "full resolution" button?

My test were with out changing any settings.

My mistake. The actual terminology on the button is "Original Size" (see image). An image with an original size of 1024 x 768 will fill the page at "Original Size". It would appear the default size is that of the iPad 1 and iPad 2. I still think some clairfication is in order. (Perhaps a Retina Size button?)

Optimized for Retina Display settings?