How to control images sizes in a reflowable ePub?

[Gareth-Davies]

I export my book as a Reflowable ePub (version 2) but the images that are supposed to fill the whole page only appear as little thumbnails in the top left hand corner.... does anyone know how I can control image sizes within reflowable ePubs? 

[Mike Witherell]

What software app are you reviewing your EPUB2, btw?

[Gareth-Davies]

Thanks for your comment. I'm using Kindle Previewer and Calibre to preview my ePubs.

[rayek.elfin]

Check whether your images are contained in a block container (p, div, etc.) set to text-align: center; and that the images themselves have a width of 100% assigned (which will force Kindle to display the images full sized on a separate page). That works fine on Kindle and other readers (although Calibre insists on non-proportional scaling of the entire image.

If you want a simple reflowable image which flows with the rest of the text on Kindle, remove the width property on the images.

Basically, stick to the simplest css you can for reflowable epubs. Allow the reader to do the display work for you.

[Ashutosh_Mishra]

Hi there,

Thanks for reaching out. In addition to great suggestions above, please check out this help article for more information about EPUB image options. Hope it helps.

Regards,

Ashutosh

[Gareth-Davies · Accepted solution]

Hi all. Thanks for your comments. I managed to resolve this by simply selecting 'Relative to Text Flow' within the Object section when exporting an ePub. It seems to work quite well so far!

[matthewb35925630]

Never had the issue when exporting previously, but this time for some reason was struggling with images appearing smaller when exported; solution of selecting 'Relative to Text Flow' within the Object section did the trick for me as well. Thanks!

[James Gifford—NitroPress]

Each of the size options, especially those buried in the individual Object Export Options menu (select image frame, right-click) produces a slightly different result, which is then slightly dependent on the viewer used. Unless a document has a small number of images that are presented identically, I have found the global settings in EPUB Export to be almost comically useless. At best, you can find a global setting that works for some majority of images, but then assigning specific export options to the others will result in a far more optimized result.

Here's a thumbnail summary of how all the export options affect image size, in proportional sense:

The H image is full left-right margin size.

—