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.

Popular posts:

  • HOWTO Make Your Hamburger Helper Better
  • The Songs That Chronicle Our Lives
  • Word Porn Quotes
  • If there's one Nazi (or a racist) at the table...
  • I am not a number; I am a free man, OR, why you should never rely on social media
  • It's not being "Awkward", and the difference between Excuses and Explanations
  • I really like you, but I have to break up with you before I don't.

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.