Contents | Start | End | Previous: KB0049: Why do images, including the cover, expand incorrectly on some readers? | Next: KB0051: Why are some of my images fuzzy or low quality?


KB0050: How do I fix oversized images, tables or boxes?

Problem 1: absolute sizes overflow the display

If your images, tables or boxes look too big in ebook viewers and maybe overlap the display edges, it's likely that these objects have absolute sizes, perhaps imported from a DOCX or ODT file. Absolute sizes expressed in cm don't scale with the display and can therefore be inappropriate for ebooks.

There are two ways to fix this problem without editing each object in the project:

  1. check the configuration option Limit images to viewer size, thus setting the maximum size for all images, boxes and tables (currently the default is on);

  2. check the configuration option Replace absolute widths to allow objects to resize in proportion to the display or parent object.

Setting Limit images to viewer size makes no difference to Kindle books since the maximum size is ignored; however, the Kindle will resize large images to fit anyway.

Replace absolute widths will use the paper size and left and right margins defined in the configuration (or the parent object's width, if it's an absolute value) to calculate a percentage width for a given object width. This option affects all objects with absolute widths specified in cm, not just those that are too big to fit the display.

Problem 2: small images become big

In trying to solve Problem 1, Problem 2 can arise: small images stretch to fill the display in some readers.

Setting the maximum image size to 100%, which you can do manually or via Limit images to viewer size, should, in theory, only affect object sizes that are too big too fit. Unfortunately, some readers, such as Adobe Digital Editions, interpret the maximum size as the actual size if width and height are not specified. So small objects such as drop capitals can become huge. From Jutoh 2.57, the option Limit images to viewer size works around this by explicitly setting the image width in pixels if known in addition to the maximum width, so this option should no longer make images too large. But if it's still happening, either turn the option off, or make sure your images always have a width or height specified. If you switch the option off, you can still set the maximum size for individual objects, or set a percentage size for objects so they never exceed the display size.

Keywords: picture too big, huge, massive, drop caps


Contents | Start | End | Previous: KB0049: Why do images, including the cover, expand incorrectly on some readers? | Next: KB0051: Why are some of my images fuzzy or low quality?