Skip to main content
simonem
simonem
New Participant
November 4, 2016
Question

EPUB 3 Image distortion?

  • November 4, 2016
  • 1 reply
  • 2025 views

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é

This topic has been closed for replies.

1 reply

BobLevine
BobLevine
Adobe Expert
November 4, 2016

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

Screenshots would help.

simonem
simonemAuthor
New Participant
November 4, 2016

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é

Z
zippidi
Inspiring
April 12, 2018

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


Another totally useless answer.

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

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices