EPUB 3 Image distortion?

[simonem]

Morning

I was wondering if you could possibly help me out. I have watched all the tutorials via Lynda.com.

I am busy with an EPUB of a children’s book, and I managed to get quite a bit right on my own, but my images keep on stretching across the page?

Below is the copyright page with a little feather above the copyright details, but it throws the image on its own page and makes it huge, is quite a small image 354x348 pixels.

So my file does this to all my images when I export to EPUB 3 but when I export to EPUB 2.1 they view at actual size.

Could someone be so kind in helping me, or could you refer me to someone.

Thanks

Simoné

[BobLevine]

What version of InDesign? Which EPUB reader? Fixed layout or Reflowable?

Screenshots would help.

[simonem]

Hi,

Ok so its on the CC 2017, so the latest.

Its a 608 page book, as a reflowable setup.

I tested it in iBooks and it looks perfect or close. The copy wraps nicely around the little images.

And on the copywrite page the feather sits nicely above the cope. Its done with an above the line image on its own line with an image par style created for it.

But the when I view it in Adobe Digital Editions, all freaks out.

Firstly the feather stretches across the whole page, and so all the other images. The spider went missing.

Adobe live chat centre says we need to do it as a fixed EPUB, but I know the there is limited distribution channels.

But your opinion would be much appreciated.

Kind regards

Simoné

[Felipe_-_dualpixel]

Hi,

Indesign put many information to setting the images and some eReaders wont be able to render.

You need to delete some properties, like

height:100%;

min-width:100%;

Let only width values

img._idGenObjectAttribute-X {

height:100%;

min-width:100%;

width:100%;

}

Regards

[zippidi]

Another totally useless answer.

Perhaps it would be useful if you mentioned where to put these settings

[FeAle-7IZsBx]

Hi,

Do you know that ePUB is build with HTML and CSS?

To solve this problem with image, just open the ePUB file (with Sigil editor, for example) search the img selector in CSS file. Then delete the other properties and let only width values

img._idGenObjectAttribute-X {

height:100%;

min-width:100%;

width:100%;

}

Regards