Problems with the use of images in open texbooks

April 20, 2015 Tony Bates

If you have downloaded my open textbook, ‘Teaching in a Digital Age’ in pdf or Modi format for the iPad or Kobo, you may have noticed that many of the images I have liberally used throughout the book do not fit on the page or have become separated from their ‘frame’ (the green and black lines before and after the images), in the downloaded versions.

The problem

Here is an example (I have reduced the size of both images):

This is the html version that you would read by going to the book site (

Original html web version

Original html web version

Nice, isn’t it? And this is how it appears in the pdf version:

pdf version

pdf version

You can see the image has been removed from the frame and dropped into the next page.

The same kind of thing happens in the iPad and Kindle versions, only worse, because the screen size is smaller. I realise this is not a unique problem and one faced every day when moving materials to mobile devices.

The reason

This happens primarily because the html version read on computer screens or laptops scrolls, while the pdf and mobile device versions are paginated. What fits nicely on a scrolled screen does not always fit a paginated version because the image is too large to fit within the remaining page space, so it is bounced to the next page. This is made worse by my having artistically framed the images. The frames are independent objects from the image though so do not move with the image when it is ‘bounced’.


OK, I should have known this would happen, but I didn’t until after I finished the book. (This is one form of experiential learning that I don’t recommend). One way to minimise (but not eliminate by any means) the problem would be to avoid putting in frames for the images (the frames were suggested by a highly professional graphic designer) and keeping the in-text images much smaller. However, reducing the size of the images is not always desirable, especially with complex or detailed images.

In the end, it is a software problem needing a software solution, such as the ability to integrate frames around images, and to resize images to fit the pagination or to move paragraphs around the image until it fits the page.

The dilemma

So what should I do now? The html version works beautifully, but even reducing the size of graphics and moving them won’t solve the problem for the exported versions, because each exported version is different in the way it handles the lay-out. I could go through the whole book and remove the frames but there are over 100 images and graphics throughout the book.

Should I leave the frames? I can’t leave them on the html version and remove them from the other versions because the other versions are direct and complete exports of the html version. I also can’t edit the pdf version independently of the html version without creating a whole shadow site.

Is there a way to ‘fit’ frames to images in WordPress? if there is please let me know!

Does it matter?

This is where I really need your advice. OK, so it isn’t perfect as a pdf or on an iPad, but is it good enough? My wife says I’m crazy to worry about this (‘It’s the content that matters’), and my best friend accused me of being a compulsive-obsessive personality (that’s what good friends are there for, to tell you the truth), and he said if people don’t like it, they can use their laptop, but my wife and my friend are not the audience for this book. You are, and if this is a problem for you, I need to know.

So what’s your advice on this? Don’t worry about it, or find a solution, and if so, what?

Previous Article
More thoughts on artificial intelligence and human learning
More thoughts on artificial intelligence and human learning

Several events have prompted this reflection. Man shoots computer I have a...

Next Article
Defining skills for a digital age
Defining skills for a digital age

ACT (2105) Unpacking “Career Readiness” Iowa City IA: Act Inc. ACT Inc, the...