View Single Post
Old 12-13-2012, 01:22 PM   #1
FunkeXMix
Enthusiast
FunkeXMix began at the beginning.
 
Posts: 39
Karma: 10
Join Date: Aug 2011
Device: Ipad
Best method for showing high res photos and additionally captions?

Hi all!

I am trying to piece together the best method for showing high resolution photo book type images in a reflowable kf8/ePub and I would appreciate your help (not fixed layout).

You are more then welcome to correct me, I intend this thread to become a source for this type of info.

Solution one (avoids resizing artifacts).

Kindle:

Save images at fixed size 800x600 4:3 ratio for Kindle. Should work on most Kindle screens and I assume that on Kindle Fire HD it will cover less of screen estate then you would want but you can still double tap to view full screen (right? Does ppi have any effect here?)

iBooks:

Save images at 1024x768, the oldes iPads resolution. Will iPad retina upscale, or double tap upscale?

Captions:

All I know is Elisabeth Castros method

Code:
<div class="illustration">
 <img src="images/Author.png" 
 alt="alt text"/> 
 <p>caption</p>
 </div>


 div.illustration {
 margin: 0 0 0 0.5em; padding: 0;
 border: 1px solid black;
 width: 50%; 
 float: right; 
 }
 div.illustration img {
 border: 0; margin: 0; padding: 0;
 width: 100%;
 display: inline;
 }
 div.illustration p {
 margin: 0; padding: 0;
 text-align: center;
 text-indent: 0;
 font-size: smaller;
 } 

/* With thanks to Elizabeth Castro */ 
 div.illustration+p {text-indent: 0;} /* No indent for 1st para after an illustration */
When it comes to best methods that resize images I am a bit clueless, anyone got an idea?

Last edited by FunkeXMix; 12-13-2012 at 02:08 PM.
FunkeXMix is offline   Reply With Quote