Cover Display Issue

mpresley · 11-01-2011, 02:38 PM

I am having a problem with an Ebook that I created displaying the cover. It displays in Sigil, Calibre, and Itunes. However, it does not display in Adobe Digital Editions nor Ibooks. I would like for my cover image to show on the bookshelf of Ibooks. I cant figure out what I am missing. I have been going at this for a couple days now and cant seem to solve this issue.

I have created a title page to see if I can view the cover there and it has the following code.

Code:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
</head>

<body>
  <p>

Here is some abbreviated code from my content.opf file

Code:

<meta content="Adobe InDesign" name="generator" />
    <meta content="0.4.2" name="Sigil version" />
    <meta name="cover" content="cover.jpeg" />
  </metadata>
  <manifest>
    <item href="Images/cover.jpeg" id="cover.jpeg" media-type="image/jpeg" />
    <item href="toc.ncx" id="ncx" media-type="application/x-dtbncx+xml" />

More content from content.opf file

Code:

</manifest>
  <spine toc="ncx">
    <itemref idref="tableofcontents" />
    <itemref idref="acknowledgements" />
    <itemref idref="Chapter1.xhtml" />
    <itemref idref="Chapter2.xhtml" />
    <itemref idref="Chapter3.xhtml" />
    <itemref idref="Chapter4.xhtml" />
    <itemref idref="Chapter5.xhtml" />
    <itemref idref="Chapter6.xhtml" />
    <itemref idref="index" />
    <itemref idref="titlepage.xhtml" />
  </spine>
  <guide>
    <reference href="Text/titlepage.xhtml" title="Cover" type="cover" />
  </guide>
</package>

In I books I just get a black book cover and in ADE I just get a white page. Anyone have any idea why this would not be working properly?

Jellby · 11-01-2011, 04:17 PM

Sigil, Calibre and Itunes probably look for the <meta name="cover" ...> tag. This tag is out of the spec, actually, covers are out of the spec, meaning there is no standard way to set them, and each software looks for different things. This <meta> tag is a sort of de-facto semi-standard, though.

I believe ADE just ignores this and reads the first page of the book. In the title page you have shown there is no image, just an epty page, and that's what ADE shows.

Toxaris · 11-01-2011, 04:24 PM

Several things.

Your display of your titlepage.xhtml is not complete, so that cannot be evaluated.

What I usually see in the content.opf (with your data):

Code:

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

and

Code:

 <item href="Images/cover.jpeg" id="cover" media-type="image/jpeg" />

Perhaps the coding has some issues with the extention .jpeg instead of .jpg, although that should work.

What does the validation do?

mpresley · 11-01-2011, 04:25 PM

Sorry I didnt realize the whole title page code wasnt there... Here is the entire titlepage code

Code:

<?xml version="1.0" encoding="utf-8" standalone="no"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
  "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
  <title></title>
</head>

<body>
  <p><img alt="" src="../Images/cover.jpeg" /></p>
</body>
</html>

As far as Validating Sigil validates everything with no problems

pholy · 11-01-2011, 11:26 PM

ThreePress had an article about covers a while back.

I haven't tried it myself, but it looks like they have a couple of things you left out. It's worth a try.

Jellby · 11-02-2011, 05:13 AM

OK, so there is an image in the title page, but the title page is the last page of the book, not the first, according to the spine. The order of elements in the spine gives the reading order, so the first page in your book is "tableofcontents". Try placing the title page first in the spine.

mpresley · 11-02-2011, 09:57 AM

Jellby, thanks for your reply I only had it in that order because I was not trying to get that page to function as the cover. It was a test to see if the cover image would display in ADE or Ibooks which it did not.

Pholy, I went through that document and made sure I had everything that they discuss in that article. I had most of it. However, it mentions that the id name is very important. So, maybe that has standards that ereaders look for to find a cover image. However, that did not fix my problem.

Atlast, I found my solution. So, I made all the changes everyone in here suggested and still nothing. So, I open the document in ADE and I go up to Reading and Item info when I am on the titlepage.xhtml. FINALLY, an answer it tells me image is too large. I unzip my epub and find that the cover image is over 700Kb. I fix that and now my image works in ADE now I need to test it in Ibooks.

However, I do still have an issue with the cover. I have put the titlepage.xhtml in the top of my spine and I have set it with linear="no". I already have a cover built into my epub so I dont want this cover to come up as well. However, both covers are still there. This is happening in ADE the only place I have tested it so far.

Here is my spine

Code:

<spine toc="ncx">
    <itemref idref="cover" linear="no" />
    <itemref idref="tableofcontents" />
    <itemref idref="acknowledgements" />
    <itemref idref="Chapter1.xhtml" />
    <itemref idref="Chapter2.xhtml" />
    <itemref idref="Chapter3.xhtml" />
    <itemref idref="Chapter4.xhtml" />
    <itemref idref="Chapter5.xhtml" />
    <itemref idref="Chapter6.xhtml" />
    <itemref idref="index" />
  </spine>

Jellby · 11-02-2011, 10:03 AM

Quote:

Originally Posted by mpresley

I have put the titlepage.xhtml in the top of my spine and I have set it with linear="no".

ADE just ignores linear="no", as most other reader.

11-01-2011, 04:24 PM	#3
Toxaris Wizard Posts: 4,520 Karma: 121692313 Join Date: Oct 2009 Location: Heemskerk, NL Device: PRS-T1, Kobo Touch, Kobo Aura	Several things. Your display of your titlepage.xhtml is not complete, so that cannot be evaluated. What I usually see in the content.opf (with your data): Code: <meta content="cover" name="cover" /> and Code: <item href="Images/cover.jpeg" id="cover" media-type="image/jpeg" /> Perhaps the coding has some issues with the extention .jpeg instead of .jpg, although that should work. What does the validation do?

11-02-2011, 09:57 AM	#7
mpresley Junior Member Posts: 7 Karma: 10 Join Date: Oct 2011 Device: none	Jellby, thanks for your reply I only had it in that order because I was not trying to get that page to function as the cover. It was a test to see if the cover image would display in ADE or Ibooks which it did not. Pholy, I went through that document and made sure I had everything that they discuss in that article. I had most of it. However, it mentions that the id name is very important. So, maybe that has standards that ereaders look for to find a cover image. However, that did not fix my problem. Atlast, I found my solution. So, I made all the changes everyone in here suggested and still nothing. So, I open the document in ADE and I go up to Reading and Item info when I am on the titlepage.xhtml. FINALLY, an answer it tells me image is too large. I unzip my epub and find that the cover image is over 700Kb. I fix that and now my image works in ADE now I need to test it in Ibooks. However, I do still have an issue with the cover. I have put the titlepage.xhtml in the top of my spine and I have set it with linear="no". I already have a cover built into my epub so I dont want this cover to come up as well. However, both covers are still there. This is happening in ADE the only place I have tested it so far. Here is my spine Code: <spine toc="ncx"> <itemref idref="cover" linear="no" /> <itemref idref="tableofcontents" /> <itemref idref="acknowledgements" /> <itemref idref="Chapter1.xhtml" /> <itemref idref="Chapter2.xhtml" /> <itemref idref="Chapter3.xhtml" /> <itemref idref="Chapter4.xhtml" /> <itemref idref="Chapter5.xhtml" /> <itemref idref="Chapter6.xhtml" /> <itemref idref="index" /> </spine>

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
ePub display issue in iBooks	Protagitron	ePub	3	02-08-2011 01:38 PM
PRS-600 Pdf display size issue...	dazwolf	Sony Reader	3	01-29-2011 03:41 PM
PRS-350 PRS-350 Display Issue	sand.crab	Sony Reader	4	01-15-2011 07:30 PM
PRS-350 Issue with text/display	S.S.	Sony Reader	5	11-14-2010 01:51 PM
Display issue	allovertheglobe	iRex	10	10-22-2008 04:16 PM

11-01-2011, 04:17 PM	#2
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	Sigil, Calibre and Itunes probably look for the <meta name="cover" ...> tag. This tag is out of the spec, actually, covers are out of the spec, meaning there is no standard way to set them, and each software looks for different things. This <meta> tag is a sort of de-facto semi-standard, though. I believe ADE just ignores this and reads the first page of the book. In the title page you have shown there is no image, just an epty page, and that's what ADE shows.

11-01-2011, 11:26 PM	#5
pholy Booklegger Posts: 1,801 Karma: 7999816 Join Date: Jun 2009 Location: Toronto, Ontario, Canada Device: BeBook(1 & 2010), PEZ, PRS-505, Kobo BT, PRS-T1, Playbook, Kobo Touch	ThreePress had an article about covers a while back. I haven't tried it myself, but it looks like they have a couple of things you left out. It's worth a try.

11-02-2011, 05:13 AM	#6
Jellby frumious Bandersnatch Posts: 7,516 Karma: 18512745 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	OK, so there is an image in the title page, but the title page is the last page of the book, not the first, according to the spine. The order of elements in the spine gives the reading order, so the first page in your book is "tableofcontents". Try placing the title page first in the spine.

Advert

Advert