Making Your Cover Image Show Up In Preview Views

As longtime followers of this blog know, I think cover images are A Big Freaking Deal with eBooks.  I like seeing the book covers – both when I first start reading a book… and as a preview.  When you load (or sideload) an eBook and just get the default cover, it looks… unprofessional.  Doesn’t matter who made it, it just looks cheap.

And, to my chagrin, I’ve been doing it wrong.

Luckily, the fix is a simple tweak to content.opf. Previously, I told you to do this:

<meta name="cover" content="images_blahblah.jpg"/>

Yeah, no. Change it to this instead:

<meta name="cover" content="cover-image"/>

and then when you’re declaring your images, make sure you declare it as cover-image, like so:

<item id="cover-image" href="images/9781939840004.jpg" media-type="image/jpeg" />

I’ve updated my helper script to do this automagically – if you’re on a Mac or *nix, you can use it. And if you want to see the whole content.opf, my default style.css, and (and my other eBook utilities), swing on by this GitHub repository.

Was this post helpful or insightful? Buy me a coffee here or here and share this post with others!

Popular posts:

  • The difference between boundaries and rules
  • Two Ways to get CMYK Separation Using GIMP Instead of Photoshop in 2022
  • Weekend Project: Whole House and Streaming Audio for Free with MPD
  • Word Porn Quotes
  • If there's one Nazi (or a racist) at the table...
  • Odds and Ends: Optimizing SSHFS, moving files into subdirectories, and getting placeholder images

Recent Posts

2 Comments

  1. February 28, 2013

    Is this what was causing the error you mentioned in an earlier post, the one about cover displaying differently in different versions of Kindle?

  2. February 28, 2013

    Unfortunately, I don't think so. I'm pretty sure that's just a resolution issue – or more accurately, an aspect ratio issue.

Comments are closed.