Skip navigation
AndeeDee
AndeeDee
Currently Being Moderated

Indesign ePub cover image not showing

Jan 26, 2012 3:43 AM

I'm creating ePubs using Indesign CS5.5, and when I go to export them, it gives me the option to put a cover image on it. But when I export and view it, no cover image shows. I've tried it on three different readers, Adobe Digital Editions, a Bookeen Cybook Orizon, and an iPad (via the program Bluefire Reader), and when you look at it on the library page, it just shows the opening text page with no cover

 

A crude workaround I've found is that you can simply drop a PNG image on the first page, but this is not ideal, since various readers don't all have the same dimensions, and the image crops in half when you turn the devices on their side.

 

I've tried everything, but nothing seems to work. Can anyone help please?

 

Andee x

1312 Views   10 Replies   Latest reply: wjnp2000, Apr 27, 2012 8:40 AM
 
Replies
  • Bob Levine
    Currently Being Moderated
    1. Bob Levine,
    Jan 26, 2012 5:45 AM   in reply to AndeeDee
    Report

    And what option did you choose? FWIW, I’ve had no problems with using an external image that I pointed to.

     

     

     

    Bob

     
    |
    Mark as:
  • AndeeDee
    Currently Being Moderated
    2. AndeeDee,
    Jan 26, 2012 5:52 AM   in reply to Bob Levine
    Report

    I chose both. When I chose "use existing image file", it didn't do anything, it just shows the first page of the ebook as the cover, which obviously I didn't want. When I chose "rasterise first page" it just displayed the "cover" on page 1 as if it were part of the document, which isn't really what I'm after.

     
    |
    Mark as:
  • AndeeDee
    Currently Being Moderated
    3. AndeeDee,
    Jan 26, 2012 5:53 AM   in reply to AndeeDee
    Report

    And I've tried all three image types, GIF, PNG, and JPEG, in both RGB and CMYK formats, but none of them seem to want to work

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    4. Bob Levine,
    Jan 26, 2012 5:55 AM   in reply to AndeeDee
    Report

    Just to be sure, have you updated InDesign to 7.5.2?

     

    Bob

     
    |
    Mark as:
  • Bob Levine
    Currently Being Moderated
    5. Bob Levine,
    Jan 26, 2012 5:59 AM   in reply to AndeeDee
    Report

    What size is the image? I’ve found success with 600x860.

     

     

     

    Bob

     
    |
    Mark as:
  • AndeeDee
    Currently Being Moderated
    6. AndeeDee,
    Jan 26, 2012 5:59 AM   in reply to Bob Levine
    Report

    Yep, I've just checked, and I'm on 7.5.2

     
    |
    Mark as:
  • AndeeDee
    Currently Being Moderated
    7. AndeeDee,
    Jan 26, 2012 6:26 AM   in reply to Bob Levine
    Report

    The image I used was 2:3 (specifically 600x900), as it conforms to the thumbnail that you see in both readers that I'm trying it out on, but I've just tried 600x860 (an RGB JPEG) and that didn't work either

     
    |
    Mark as:
  • ToniW_CNC
    Currently Being Moderated
    8. ToniW_CNC,
    Apr 27, 2012 8:01 AM   in reply to AndeeDee
    Report

    I am having the same issue AndeeDee. Did you ever find a solution?

     
    |
    Mark as:
  • AndeeDee
    Currently Being Moderated
    9. AndeeDee,
    Apr 27, 2012 8:04 AM   in reply to ToniW_CNC
    Report

    Weirdly, when I put the ePub on an iPad and opened it in iBook, the cover did actually show up. So I guess it varies from program to program.

     
    |
    Mark as:
  • wjnp2000
    Currently Being Moderated
    10. wjnp2000,
    Apr 27, 2012 8:40 AM   in reply to AndeeDee
    Report

    AndeeDee,

     

    I already have this problem and solve it, like this:

    First, in ID create a file with one page and put your cover image, don't need anchor it, just put on the size of the page.

    2. After export, edit the epub on Sigil or similar program.

         Create a css file in text editor like textEdit like this image below:

    Screen shot 2012-04-27 at 12.20.34.png

    Insert this css file in folder "Styles". After, in the file of cover change the code (in HTML) to this:

    ...

      <title>FILE-COVER.html</title>

      <link href="../Styles/FILE.css" rel="stylesheet" type="text/css" />

    </head>

    <body class="cover">

       <div class="image" id="FILE-COVER.html">

          <img alt="COVER-IMAGE.jpg" class="capa" src="../Images/COVER-IMAGE_fmt.jpeg" /></div>

    </body>

    </html>

    3. Save it. If you wants you can change the background color or remove it.

    This will make the cover stay centered and occupying the entire screen.

     

    This operation woks fine in iPad with iBooks and Bluefire.

    I hope it helps you

    Wagner

     
    |
    Mark as:
Actions

More Like This

  • Retrieving data ...

Bookmarked By (0)

Answers + Points = Status

  • 10 points awarded for Correct Answers
  • 5 points awarded for Helpful Answers
  • 10,000+ points
  • 1,001-10,000 points
  • 501-1,000 points
  • 5-500 points