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?