How to Fix Image Stretching Issue in InDesign EPUB Export for Kindle Previewer

[uno_000]

Hello,

I have been facing issues with the exported image in InDesign while making the Epub. The image needs to start from a new page. The image needs to flow with the content. 

I have used paragraph style (inline image) and ticked the split document. But, when I view my file in Kindle Previewer (image attached) for the first time (opening) my document is coming correct. But when I close it, reopen it again. The image is stretched taking up the whole space. 

I have browsed a lot of youtube videos but it is not working. Kindly help me lot. 

<Title renamed by MOD>

[James Gifford—NitroPress]

First off, the General EPUB Caveat — what EPUB viewer are you using? They aren't all the same, by quite a wide margin, and no two of them quite render pages in the same way. Some are good, some are very good and many are absolutely abysmal. It looks as if you're using ADE, the Adobe reader... which is an example of the last. I'd suggest using Calibre as your general EPUB reader/proofer. (Thorium is in theory better but still has a persistent text rendering bug in current versions.) That will give you a... clearer view of how your EPUB will. and should look. Things like image-rendering bugs are common in the inferior readers.

Second, you don't control images with paragraph styles, as much as that might work in a print layout. You have to apply and optimize the settings specific to the image, much as you do for a web page. (And EPUB is just a packaged web page, at the heart of it.) There are two places to set image parameters: in the global export menu, which applies to all images, and then in the individual menu for each image. Generally, you set a global export option for most images, and then tweak the settings for ones you want to appear differently or that have special requirements. That's the case here.

I'd set your global export (EPUB Export | Object) to Fixed, Align Center.

Then on each of these header images, right click on them in InDesign, and select Object Export Options —

— and start with these settings. The most important ones, to solve the problem you're seeing, are Insert Page Break [Before] and Width: 100%.

And use a better EPUB reader to check the results. 🙂

[uno_000]

Hello Sir,

Thank you for your kind reply. It means a lot to me.

I made an error initially. I was exporting one Chapter. It was throwing an Image error. Now, I have combined all my chapters. I have made an InDesign Book. Now, none of my images are stretching. But they are not coming on the new page (image attached).

Q) How to get your image to start from a new page in InDesign?

I already have a paragraph style made. Should I make a new object style? I know you have explained it above. But, I think I did it wrong (image attached). I am using Calibre now.

I have done Split Document in Paragraph Style for the image. (This doesn't work, as you said too)

Please guide me from here

Thank you 

[James Gifford—NitroPress]

Odd, I was sure I had answered this. But: the only reliable way to make an image break to a new (virtual) page is to use Object Export Options, as above, and check Insert Page Break [Before Image]. The methods using Paragraph and Object Styles are not reliable and don't necessarily work at all.

[uno_000]

Hello Sir,

Thank you for getting back to me. With your settings, I am able to get my images on new pages in epub. 😊

My book is divided in 14 Chapters of InDesign files. Some of them have no images.

When I make a book of them, with your settings. The setting doesn't work for the whole document. The images don't break in them. As they do in individual Chapters. When exported. 

What should I do, sir?

Thank You 🙏

[James Gifford—NitroPress]

If you are exporting from an InDesign Book, selecting "Insert Page Break [Before Image]" from the Object pane of the export menu should affect all images in all the component documents.

You may have to set this for each chapter's EPUB export, although that is rare as those settings are not referenced during a Book export.

You may have to set the same setting for each image, in the Object Export Options menu for each individual image. This is tedious, I know, but it's hard to predict how the chapter and Book global settings are being interpreted, and this would be an absolute solution.

[uno_000 · Accepted solution]

Hello Sir,

Under your guidance, I have finally made one document. I have formatted it again. The images are coming right now. With the object settings and split document in the paragraph setting. 

(I have two variations of the image. One image I have to put at the starting of each chapter name. Initially I was placing it outside the text box. Anchoring it. Now it is inside the text box. 

I have images inside the chapters which I needed to start from a new page. With object export settings and paragraph split settings, I have achieved it. )

However,

1. There is a black outline coming on my image. Every Image.
2. Plus it is not detecting TOC now. It does not recognize the different chapters. Just the file name is coming in the TOC. I named the Indesign File "H". So, TOC is "H" is index only. 
3. This error message is coming when exporting my file to epub, which says, 

"Custom Layout settings in Object Export Options have not been honored for group children, button states and inline objects."

I am happy about the images. But, I am concerned about these new errors.

Thank you

[Willi Adelberger]

Insert the image in a specific paragraph as anchored frame.

THe host paragraph style should have auto leading, and in the HTML export options that with (Export Tagging), activate the option "Split document".

[uno_000]

Thank you Sir, for replying 😊