How to create image grids for your ebooks

How to use image grids in your ebook

Firstly, a huge THANK YOU to Amit Offir for the inspiration behind this post. Amit is a renowned illustrator, author, and comics artist, and the inspiration for this post came from his Malta Travel Guide.


Travel Guide Competition

I don’t think you can be a good writer unless you read other books in your niche. Not only does it inspire you to up your game when you read an excellent travel book, it can fill you full of confidence when you read a badly written or badly organized travel guide, because you know you can do better.

Travel Guide Cover

I downloaded a travel guide the other day by travel writer Amit Offir, called Malta the Ultimate Island. I love the cover image and layout because it has a real warmth to it. I think the shade of blue and warm yellow/orange that’s he’s used to create an ocean/beach feel, creates a really cohesive cover. I also like the addition of the page turn down, with Amit’s image peeking through.

Amit Offir … Malta the Ultimate guide

Internal Book Images

But it wasn’t the cover image that struck me the most, it was the way he’s laid out his internal images. Historically I’ve included single images per page in the ebook versions of my travel guides, but Amit uses a collection of images displayed on a page.

I think this approach is genius, and wish I’d thought about it! In one of these examples he uses a main image with a collection of four smaller images.

Amit Offir … Malta the Ultimate guide internal photo layout

In this second example he combines a group of horizontal panoramic images with a collection of smaller images, and both of these layouts examples create an image that delivers quite an impact.Amit Offir … Malta the Ultimate guide internal photo layout

Creating Image Grids

You could create these images in a free image program like Canva, as they have a collection of pre-made grids available to use. You can find these templates in: Elements > Grids. If you can’t find a grid layout you like, you can always create your own.

Some Canva sample grids

Start off by creating a custom image in Canva, and then overlay one of their Grids onto it. According to Pub.Ink an image that’s 600 pixels wide by 800 pixels tall is a good compromise for all ereaders:

“On some devices, such as an iPhone, a 600 x 800 image will take up most or all of the screen real estate. On others it will take less space, allowing some lines of text to accompany the image on the screen.”

But, this size has an aspect ratio of 3:4, and when I display Amit’s book on my Kindle Cloud Reader his image is closer to a 2:3 aspect ratio (his image is 290×450 pixels, but a 300×450 = a 2:3 aspect ratio). Obviously those display dimensions are based on me being on a Mac book Air laptop, and it will differ based on whether computer or screen you’re using. But as you can see from the examples above, the grid of images is the only element displayed on a single page, and there’s no text.

This image grid and no text layout isn’t possible on every single different ereader, because every reader has a different dimension. Think about the slimmer Kindle Fire vs. the wider iPad. When I opened Amit’s book on my iPhone, the image grid displays on a page with some text. So the presentation of the image grid will vary depending on the platform it’s displayed on. (Also, don’t forget that a Kindle Paperwhite only displays in black and white! )

iPhone image grid display

The most effective image grids are the ones that use images with the same color tones, and they have the most impact. Amit’s grids that are primarily sea and sky, have a pleasing cohesiveness about them. But once you start mixing in different image themes or color tones, I think the image grids lose their impact because that Wow! factor is diluted.

I’m going to experiment with image size grids for my Cambodia Travel Guide, and see which size is optimal, I’m also going to reach out to Amit and see what image dimensions you uses for his source image grid.

Your Feedback

If you’ve been working with image grids in your ebooks, or have other suggestions about how to display images in an ebook, please leave your comments below.

How to use image grids in ebooks to create an impactful and stunning arrangement of photos in your #travelguides and travel books. #selfpub #bookformatting Click To Tweet

Read more articles in my How to Write a Travel Guide Series

I’m putting the finishing touches on my How to Write and Self-Publish a Travel Guide Series, which details a step by step approach for writing and producing your own travel guide. It’s part of a four-part series aimed at helping travel bloggers achieve passive income based on their passions and existing content.

How to Write a Travel Guide 4 book banner

Each month I host a monthly free prize draw and give away a travel writing e-book to the lucky winner. Sign up to join my mailing list to participate.

Author: Jay Artale

Focused on helping travel bloggers and writers achieve their self-publishing goals. Owner of Birds of a Feather Press. Travel Writer. Nonfiction Author. Project Manager Specialising in Content Marketing and Social Media Strategy.

2 thoughts on “How to create image grids for your ebooks

  1. As far as whether or not the image or image grid is all on one page with no text, does that depend whether this is flowable or fixed? Would you be able to control a fixed layout more?

  2. Fixed layout puts the control into the author’s hands, whereas flowable gives the readers some control over how their books is displayed. But because the image grid would be a single image, it’ll be displayed on a single page. The ereader app wouldn’t be able to split this image up, so it’d show up as intended.
    Jay Artale recently posted…Author Interview with Travel Writer Rob JohnsonMy Profile

Leave a Reply

Your email address will not be published. Required fields are marked *

CommentLuv badge