Art and Images
When you create a new Standard Ebooks draft using the se create-draft
tool, you’ll already have templates for the cover and titlepage images present in ./images/
.
Text in these SVG files is represented as text, not paths, so you can edit them using a text editor and not an SVG editor. Then, the se build-images
tool converts these text-based source images into path-based compiled images, for distribution in the final epub file. We do this so to avoid having to distribute the font files along with the epub.
To develop cover and titlepage images, you must have the free League Spartan and Sorts Mill Goudy fonts installed on your system.
Complete list of files
A complete set of image source files consists of:
./images/cover.source.jpg
: The full source image used for the cover art, in as high a resolution as possible. Can be of any image format, but typically we end up with JPGs../images/cover.jpg
: A cropped part of the source image that will serve as the actual image file we use in the cover. Must be exactly 1400w × 2100h../images/cover.svg
: The SVG source file for the cover, with any text represented as actual, editable text. Must be exactly 1400w × 2100h pixels. Since the final cover image SVG has the text converted to paths, we keep this file around to make it easier to make changes to the cover in the future../src/epub/images/cover.svg
: The final SVG cover image. This image should be exactly like./images/cover.svg
, but with the text converted to paths.This image is generated by the
se build-images
tool../images/titlepage.svg
: The SVG source file for the titlepage, with any text represented as actual, editable text. Must be exactly 1400 pixels wide, but the height must exactly match the text height plus some padding (described below)../src/epub/images/titlepage.svg
: The final SVG titlepage image, with text converted to paths just like the cover page.This image is generated by the
se build-images
tool.
SVG patterns
SVGs are only sized with
viewBox
, notheight
orwidth
.The
viewBox
attribute consists of whole numbers, without fractions.
The only attributes on the
<svg>
root element are:xmlns
,version
, andviewBox
.The contents of the SVG’s
<title>
element matches thealt
attribute of its<img>
element in the text.Grouping with
<g>
is avoided, unless it makes semantic sense. Groups whose sole purpose is to apply transforms should have those transforms applied to the children, and the group removed.The use of fill color is avoided unless strictly necessary. Not defining a fill color allows for night mode compatibility.
The
transform
attribute is illegal; transforms are applied to their elements directly.
The cover image
The cover image is auto-generated by the se create-draft
tool. The arrangement of the text is a suggestion, and may be changed by the producer in case a more visually-pleasing arrangment is desired.
After completing ./images/cover.svg
, use the se build-images
tool to build the rasterized distribution SVG in ./src/epub/images/cover.svg
.
The
<title>
element has a value ofThe cover for the Standard Ebooks edition of
followed by the title string.
Cover image layout
se create-draft
generates ./images/cover.svg
for you with correct dimensions and layout. It’s rarely necessary to edit the cover.
Both the title and author are in League Spartan font with 5px letter spacing in ALL CAPS.
The left and right sides of the black title box have at least 40px padding. More padding is preferrable over cramming the title in.
Translators, illustrators, and other contributors besides the author do not appear on the cover.
The group of both the title and author lines is horizontally centered in the black title box.
Title line dimensions
One-line titles: the line is 80px tall. Example: The Prince, by Niccolò Machiavelli.
Two-line titles: each line is 80px tall, and the second title line is 20px below the first line. Example: Crime and Punishment, by Fyodor Dostoevsky.
Two-line, very long titles: each line is 60px tall, and the second line is 20px below the first line. Example: The Wonderful Adventures of Nils, by Selma Lagerlöf.
Two-line, extremely long titles: each line is 50px tall, and the second line is 20px below the first line. Example: The Surprising Adventures of Baron Munchausen, by Rudolph Erich Raspe.
Author line dimensions
The first author line begins 60px below the last title line.
One-line authors: the line is 40px tall.
Two-line authors: each line is 40px tall, and the second author line is 20px below the first line.
Cover art
./images/cover.svg
links to./images/cover.jpg
as the canvas background../images/cover.jpg
is 1400w × 2100h in pixels, and is compressed as much as possible while maintaining an acceptable image quality. An acceptable level of image quality is more important than file size.Because
./images/cover.jpg
is an image with large dimensions, it must be sourced from a high-resolution scan. It may not always be possible to locate a high-resolution scan, so a smaller source image may be upscaled a small amount to meet the target dimensions.Cover art is in the “fine art oil painting” style, and in full color. Art not in this style, like modern CG art or black-and-white scans, is not acceptable.
./images/cover.source.svg
is the unmodified source image used to create./images/cover.jpg
. This image is kept in case changes to the source images are to be made in the future.
US-PD clearance
The paintings we use are all in the U.S. public domain (US-PD). Your task is to locate a painting suitable for the kind of book you’re producing, and then demonstrate that the painting is indeed in the U.S. public domain.
U.S. copyright law is complicated. Because of this, we require that you provide a link to a page scan of a 1924-or-older book that reproduces the painting you selected. This is a hard requirement to demonstrate that the painting you selected is in fact in the U.S. public domain. Just because a painting is very old, or Wikipedia says it’s PD, or it’s PD in a country besides the U.S., doesn’t necessarily mean it actually is PD in the U.S.
Clearance procedure
To actually demonstrate that a painting is PD, you must locate a reproduction of that painting in a 1924-or-older book.
This can be quite difficult. Many people find this to be the most time-consuming part of the ebook production process.
Because of the difficulty, finding suitable cover at is all about compromise. You’re unlikely to find the perfect cover image. You’ll find a lot of paintings that would be great matches, but that you can’t find reproductions of and thus we can’t use. So, be ready to compromise.
Note that in ./images/cover.svg
, the black title and author box always goes in the lower half of the work. Thus, paintings in which some important detail would be obscured by the box cannot be used.
Before you can go looking for a reproduction of a specific painting to prove its PD status, you have to find a suitable painting to begin with. Wikiart and Artvee are great resources for searching for paintings by keyword. Museum online collections are another good place to look for inspiration.
Once you find a potential candidate you can start researching its PD status.
Many museum online catalogs have a “bibliography” or “references” section for each painting in their collection. This is usually a list of books in which the painting was either mentioned or reproduced. This is a good shortcut to finding the names of books in which a painting was reproduced, and if you’re lucky, a search for the book title in Google Books will turn up scans.
Visit Google Books, HathiTrust, and the Internet Archive to begin searching for books where your art is reproduced.
(Note that if your IP address is not in the U.S., many book archives like Google Books and HathiTrust may disable book previews.)
When searching for cover art, remember that artist names and painting titles may be spelled in many different ways. Often a painting went by multiple titles, or if the title was not in English, by many different translations. Your best bet is to simply search for an artist’s last name, and not the painting title.
Once you locate a book with reproductions, open the book up in thumbnail view and quickly eyeball the pages to see if the artwork is reproduced there.
Gotchas
In older books it was common to have etchings of paintings. Etchings are not strict reproductions, and so we cannot count them for PD clearance.
Additionally, it was common for painters to produce several different versions of the same artwork. These different versions are also not enough for PD clearance. The version you find in print must exactly match the scan you located online.
Before completing PD clearance, carefully compare the reproduction in the page scan with the high-resolution scan to ensure they are the same painting. Small details like the position of trees, clouds, reflections, or water are good ways to check if the painting is identical, or if you’re looking at a different version.
Sometimes the catalog record for a book has an incorrect publication year. Please verify the page scan of the copyright page to ensure the book is 1924 or older.
Resources for locating high resolution scans
Resources for locating print reproductions
Use this shortcut to search for books that were published in 1924 or earlier.
Google Books is a convenient first stop because its thumbnail view is very fast, and it does a better job of highlighting search results than HathiTrust or Internet Archive.
Use this shortcut to search for books that were published in 1924 or earlier.
Use this shortcut to search for books that were published in 1924 or earlier.
Our own list of uncategorized art books may be helpful to browse through for inspiration and easy US-PD clearance.
Museums with CC0 collections
Images that are explicitly marked as CC0 from these museums can be used without further research. Not all of their images are CC0; you must confirm the presence of a CC0 license on the specific image you want to use.
Rijksmuseum (Open the “Object Data” section and check they “Copyright” entry under the “Acquisition and right” section to confirm CC0)
Finnish National Gallery via Europeana (Use the “View at” link under the “Find out more” header to confirm CC0 license at the museum’s site)
Met Museum (CC0 items have the CC0 logo under the image)
National Museum Sweden (CC-PD items have the CC-PD mark in the lower left of the item’s detail view)
Minneapolis Institute of Art (Public domain items are listed as such under “Rights”)
The Walters Art Museum (Public domain items are listed as "CC Creative Commons License" which links to a CC0 rights page)
Art Institute of Chicago (CC0 items say CC0 in the lower left of the painting in the art detail page)
Cleveland Museum of Art (CC0 items have the CC0 logo near the download button.)
Paris Musées (CC0 items have the CC0 logo near the download button.)
The Smithsonian (CC0 items say CC0 under the Usage header in the item details.)
Birmingham Museums (CC0 items say CC0 under the Usage Rights section in the item details.)
National Museum in Krakow (CC0 items say CC0 - Public Domain under the Copyright section.)
Clearance FAQ
I found a great painting, and Wikipedia says it’s public domain, but I can’t find a reproduction in a book. Can I use it?
No. You must find a reproduction of your selected painting in a book published in 1924 or earlier.
I found a great painting, and it’s really old, and the author died a long time ago, but I can’t find a reproduction in a book. Can I use it?
No. You must find a reproduction of your selected painting in a book published in 1924 or earlier.
I’ve found a reproduction in a book, but the book is from 1925. Is that OK?
No. You must find a reproduction of your selected painting in a book published in 1924 or earlier.
I’ve found scan on a random museum site. Is that OK?
No. You must find a reproduction of your selected painting in a book published in 1924 or earlier.
But...
No. You must find a reproduction of your selected painting in a book published in 1924 or earlier.
The titlepage image
The titlepage image is auto-generated by the se create-draft
tool. The arrangement of the text is a suggestion, and may be changed by the producer in case a more visually-pleasing arrangment is desired.
After completing ./images/titlepage.svg
, use the se build-images
tool to build the rasterized distribution SVG in ./src/epub/images/titlepage.svg
.
The
<title>
element has a value ofThe titlepage for the Standard Ebooks edition of
followed by the title string.
Titlepage image layout
The title, author, other contributors are in League Spartan font with 5px letter spacing in ALL CAPS.
The titlepage does not include subtitles.
For example, the titlepage would contain
THE MAN WHO WAS THURSDAY
, but notTHE MAN WHO WAS THURSDAY: A NIGHTMARE
.Names of contributors besides the author are preceded by
translated by
orillustrated by
.translated by
andillustrated by
are set in lowercase Sorts Mill Goudy Italic font.Only the author, translator, and illustrator are on the titlepage. Other contributors like writers of introductions or annotators are not included.
The canvas has a padding area of 50px vertically and 100px horizontally in which text must not enter.
The viewbox width is exactly 1400px wide.
The viewbox height must precisely fit the titlepage contents, plus 50px padding.
Title line dimensions
Each title line is 80px tall.
The title is split into as many lines as necessary to fit.
Title lines are separated by a 20px margin between each line.
Author line dimensions
The first author line begins 100px below the last title line.
Each author line is 60px tall.
If an author line must be split, the next line begins 20px below the previous one.
For works with multiple authors, subsequent author lines begin 20px below the last author line.
Contributor lines dimensions
“Contributors” are a “contributor descriptor,” like
translated by
, followed by the contributor name on a new line.The first contributor descriptor line begins 150px below the last author line.
Contributor descriptor lines are 40px tall, all lowercase, in the Sorts Mill Goudy Italic font.
The contributor name begins 20px below the contributor descriptor line.
The contributor name is 40px tall, ALL CAPS, in the League Spartan font.
If there is more than one contributor of the same type (like multiple translators), they are listed on one line. If there are two, separate them with
AND
. If there are more than two, separate them with commas, andAND
after the final comma. Example: Siddhartha, by Hermann Hesse.If there is more than one contributor type (like both a translator and an illustrator), the next contributor descriptor begins 80px after the last contributor name.