ePub image sizes
 

Hi all. I have an ebook with some images and illustrations. Some full page others just a third of the page. Opened up in Adobe digital editions and some of the images overlap the pages of text. I assume it’s down to images size. I want the best quality without making huge ebook. What’s size should I stay within for width and height so it fits? What works for others in terms of quality and size? Help. David

There isn't a width x height combo that "fits" because the container they're meant to fit is entirely variable. That in mind, your best shot at AVOIDING an image running to the next page is to present it as small as you'd be comfortable with. In most cases, the reader should be able to optionally zoom on it anyway.

ADE for Windows/MAC does not zoom images. The problem could be that the ADE window might need to be made larger so the images do not overlap the text.

Oh, I’d assumed ADE was being used for QC only, and also assumed that overlapping just meant the image was running to a second page. You know what they say about assuming. “Don’t do it.”

One question is how the image sizes are being specified? In percentages or other relative numbers (i.e. width: 50%; height: auto; ) or in absolute measurements ( i.e. width: 250px; height 375px; ).

Pro: There is room left for text
Con: On a small screen, the picture can be too small
On a width screen, the picture can be too big. This can be overcome by defining a max-width

Pro: The picture can be sized to make it "readable"
Con: There is no room left for the text on small screen
The picture can be sized to long for a small screen

Working under what protocol? Epub2 or epub3? Under epub2, what you wrote is right, but under epub3 you have enough tools to display images (with or without text) at an optimal size (in both, portrait and landscape, so no matter if users rotate the reader).