Adding pictures to eBooks

How hard can it be adding pictures to eBooks, right?

Not as easy as it could or should be. To begin with, NEVER copy and paste an image into your Word file. Always use the Insert/Picture option. Pictures are usually best centered, so click the newly inserted picture and use the center option you typically use for centering text.

Images must not be floating. If you click and hold the left mouse button down on an image, you should not be able to move it. If it moves it is floating and not fixed to the page. Floating images display terribly on eReaders. Right click, choose Size and Position. Under the Text Wrapping tab, choose the “Inline with text” option. This will lock the picture to the page but you can still position it using the Align Text buttons (Align left, Align center, Align right, Justify). If that does not work, delete the image entirely and insert it again. All images should be Aligned center for best results.

If you resize an image by clicking the corner and dragging it inward, some eBook file outputs will adhere to the new size, but Kindle may not. Resizing your images before you import them into the Word document using GIMP, Photoshop, Irfanview, Paint.net, or Picassa may help.

The size to save the image in is still a mystery to me. I have not figured out the relationship between saving the image with a specific width and the size of the picture that results after inserting it into Word. (Hence the “Not as easy as it should be…)

I have tried various sizes and simply inserted them into my file to see which worked best. I saved the same image in 300px, 400px, and 500px wide versions and each displayed fine. Yet when inserted a different image at 500px wide I had to resize it slightly smaller to fit the page.

Ok now, I have to say I HAD to change the size of the last one to fit correctly. Even though it was saved as an image 500px wide as the one before it was, it required me to resize it from 5.56 to 4.5 to fit the page. The image just before it that was also saved at 500px wide was inserted as 1.66, VERY confusing!

So I would suggest saving your images to 500px wide and after inserting them in the document adjust the size as needed. I have found that most pictures saved at 500px and inserted required me to reduce the size slightly, but as seen above with the one that was inserted at 1.66px wide, that is not always the case.After insertion, right click the picture and choose Format/Size and change the width to no more than 4.5. Also be sure the aspect ratio is being preserved. Mark Coker in his eBook Style Guide suggests sizing them correctly before inserting them but that is obviously harder than it seems.

I have also added shapes in Word like arrows, lines, text boxes, etc., to go with my pictures. Big mistake. These shapes will end up floating and cannot be fixed to your picture. Try as I might I was not able to permanently link my picture and drawn arrows within Word. This resulted in the arrows, lines or boxes being in the wrong place after the file was converted. I ended up removing the drawings and picture, editing the picture by adding the element where I needed it, then re-inserting the new picture.

This pictures shows how those arrows and text boxes looked when viewing the EPUB file:

problems with eBook formatting
Amazon’s previewer did not reveal these errors with my formatting. This is how my book actually displayed on actual eBook readers.

As I said, I edited the picture with GIMP and added all those elements to the picture itself, then inserted the picture again.

Have you discovered any secrets when using pictures and images in your eBooks?