Simbul / baker

The HTML5 ebook framework to publish interactive books & magazines on iPad & iPhone using simply open web standards
http://bakerframework.com
1.53k stars 378 forks source link

Webkit bug in safari - will it affect Baker? #362

Closed tstegart closed 12 years ago

tstegart commented 12 years ago

I noticed this blog post about how webkit scales down JPEG images if they are too large. http://duncandavidson.com/blog/2012/03/webkit_retina_bug

Since Baker uses webkit, I assume a full screen retina image will also be affected. Do you agree?

folletto commented 12 years ago

Yes. We are completely dependant on Apple, since it's the same browser engine. :)

tstegart commented 12 years ago

Thanks for the quick response guys! As a note, I've read a few other blogs and most people seem to think this will get fixed soon. For now, can I just break up my images and put them back together again using CSS? Its sounds like that should work as the bug is with individual image sizes.

folletto commented 12 years ago

Yes, from what I've seen that should work. If you can, also PNG have an higher limit. :)

folletto commented 12 years ago

It seems there's already a workaround: http://duncandavidson.com/blog/2012/03/photography_on_retina :)

After reverse engineering the limits and then later being pointed to the documentation about the limits, a birdie dropped a hint into my inbox telling me to try using a progressive JPEG file. Within just a few minutes, several people also chimed in noticing that the large iPad hero image is a progressive JPEG. I’ve not used progressive JPEGs in years, but following the lead of the birdie and the crowd, I gave it a shot. Lo and behold, it’s indeed the ticket to large JPEG joy on the iPad Retina display.

tstegart commented 12 years ago

Awesome. Thanks. T