From DPWiki
Jump to: navigation, search
DP Official Documentation - Post-Processing and Post-Processing Verification

< Easy Epub


On PG's website, the cover, if you supply one, is used to make your book's page look more attractive, and also in lists such as "Some of Our Latest Books". In addition, when your book is converted to epub, the cover will be included with it. This means that when the reader browses through the library of epubs they have downloaded, they will be able to spot your book at a glance. There is more information on epub covers in this forum thread, but this page will cover the basics.

DP policy

It is DP policy that, when we create a new cover for a coverless book, we confine ourselves to images that are found within the book itself rather than images found in other versions of that book or other possibly public-domain images. PG also requires that covers include "The cover image was created by the transcriber and is placed in the public domain." either within the cover image itself or in text below it.

It is preferable to also add the URL to the cover image; however, the decision on whether or not to do that is left up to the individual PPer.

Information for all types of cover

  • You must include a cover image in your images folder called cover.jpg (or, much more rarely, cover.png, if the image is appropriate as a "png") with your project.
  • Cover images should be at least 650 x 1000 pixels (width x height) and may have dimensions up to 5000x5000 pixels. Larger dimensions are recommended.
  • Cover file size should be no larger than 256Kb.
  • If you also display the cover in your HTML version, specify image dimensions there using em or percentage units rather than pixels.
  • Tell ebookmaker where to find the cover by adding the following line into your HTML header, just below <title>...</title>
<link rel="coverpage" href="images/cover.jpg" />

My project came with a cover

If your project is not too old, the Content Provider / Project Manager will hopefully have included an image of the cover with the other illustrations. If the cover is too plain, boring or unsuitable in some other way, you can skip to the next section. If it needs improving, e.g. a sticker "removing", you could ask in the Illustrators thread.

If the cover is suitable for use, then resize it as described above, and save it as a JPEG file into your images folder

If the cover is attractive, you may want to display it at the start of your main HTML version, in which case you can include the code for it as you would any other illustration. Bear in mind that in e-reader versions, the image that you have flagged as the cover will be moved by ebookmaker from the place you defined it in the HTML to the cover position at the very start of the book, even before the PG header. If the image had a caption, that caption will be orphaned, so you may want to hide such a caption in the epub version. In the CSS add

.covercaption {font-weight: bold; font-size: small;}
.x-ebookmaker .covercaption { display: none; }

Then just use the class covercaption in your caption paragraph or div.

<div class="figcenter">
  <img src="images/cover.jpg" width="300" height="400" alt="" />
  <p class="covercaption">Front Cover</p>

Alternatively, use the special ebookmaker class x-ebookmaker-drop on the caption paragraph element

.covercaption {font-weight: bold; font-size: small;}

Then just use the class covercaption in your caption paragraph or div.

<div class="figcenter">
  <img src="images/cover.jpg" width="300" height="400" alt="" />
  <p class="covercaption x-ebookmaker-drop">Front Cover</p>

There is no suitable cover - what shall I do?

You can use an image of the title page as a cover, or you can make a cover based on an illustration from the text, or you can make a cover from scratch.

If the PM supplied a hi-res version of the title page, process it as you would any other image, bearing in mind the pixel dimension and file size restrictions mentioned above, and save it as images/cover.jpg

If you decide to make a cover from scratch or including an illustration, there are detailed instructions in the PP guide to cover pages of how to do that using PhotoShop Elements and XnView. Alternatively, someone in the Illustrators thread or We've Got You Covered thread will probably be able to help out if this is all new to you.

If you created or modified the cover

Only if you created or modified the cover, you need to add a Transcriber’s Note to that effect, and state that you place it in the public domain. This is a requirement from PG, who have stated that such a note should be somewhere "in the frontmatter".

There are two ways to do this. The simplest is to include a suitable statement (e.g. "Cover image created by transcriber and placed in the public domain") on the cover itself, as seen in this example. Alternatively, you can include the statement in a Transcriber's Note at the start of the book, as described below.

Something like the following will ensure that the note about the cover appears in the epub versions, but won’t show in the HTML version (since a created cover isn’t usually shown in the HTML version).

Firstly, you need a bit of CSS. This defines what you want your Transcriber Notes to look like, e.g. gray background, etc. Use whatever you normally do for TNs. Then it defines a covernote class which will make your note hidden and not displayed. The second use of covernote combined with the x-ebookmaker class then overrides this for handheld devices, so your note will be displayed on them.

div.tnotes {background-color: #eeeeee; border: 1px solid black; padding: 1em;}
.covernote {visibility: hidden; display: none;}
.x-ebookmaker .covernote {visibility: visible; display: block;}

It may be that your main TN is at the end of the book, and the epub cover TN is the only one that is required at the front. In this case, you can use the covernote class on the whole div (immediately after <body>), as follows.

<div class="tnotes covernote">
  <p>The cover image was created by the transcriber and is placed in the public domain.</p>

However, if you have other notes that you want to appear at the front of the book, you will want the div to be displayed, but just the cover image paragraph hidden, something like this:

<div class="tnotes">
  <p>Transcriber's Notes</p>
  <p class="covernote">The cover image was created by the transcriber and is placed in the public domain.</p>
  <p>Other information readers require before reading the book...</p>
To comment or request edits to this page, please contact lhamilton or hdmtrad.

Return to DP Official Documentation Menu