I'm converting an illustrated children's book for epub (with the ultimate goal being conversion to Kindle), and after tinkering with flowing the images within xhtml text I decided that I was better off exporting page images (from InDesign).
It's working well - the images look nice, the text displays crisply, etc. But I'm getting extra pages between my xhtml pages when I send the epub to my Kindle via Calibre.
That suggests to me that my images are too large for the Kindle 2 screen and those extra pages are a sliver of white space that wouldn't fit. And when I take the images down a few pixels, I lose the extra pages. But -
a) I was under the impression that the Kindle resized images, and would reduce the size of anything that wasn't enormous so that it would fit on one page.
b) I'm using the pixel dimensions (520x622) that Josh Tallent recommends in
Kindle Formatting for the Kindle 2. I'm attached to these because I've gone through and re-done my layout in InDesign so that the margins you get around the images on the K2 correspond with elements of the page composition (borders, leading of the text, etc.). Obviously this wouldn't apply for the DX or Kindle for PC (or the K1), but we're pretty sure that our market would mostly just use the K2, and we're relying on resizing.
So does anyone have any advice? Should I use a different size for my page images? Or is there something about my xhtml that may be causing me problems? Here are the relevant lines of code (they don't vary much from page to page):
Quote:
<body>
<div>
<img src="images/titleil002.jpeg" alt="Title. Written by Author. Illustrated by Illustrator. Published by Publisher." />
</div>
</body>
|
This is what I'm using now - I still get an extra page between images even if I add a style="max-width: 100%" to the img line, and even if I put the image between <p> and </p> tags.
Thanks!