{"id":50,"date":"2013-09-01T19:05:29","date_gmt":"2013-09-01T11:05:29","guid":{"rendered":"http:\/\/blog.haguepublishing.com\/?p=50"},"modified":"2013-11-03T14:39:59","modified_gmt":"2013-11-03T06:39:59","slug":"ebook-covers-part-1-where-size-and-ratio-matters","status":"publish","type":"post","link":"https:\/\/haguepublishing.com\/blog\/ebook-covers-part-1-where-size-and-ratio-matters\/","title":{"rendered":"eBook covers: part 1 &#8211; Where size (and ratio) matters"},"content":{"rendered":"<p>When I started Hague Publishing I thought all we needed to do was to contract an illustrator to do one cover that we could use for the eBook, publicity, and for the cover for a Print on Demand if sales justified it. Unfortunately I was quickly\u00a0disabused of this because of the wide variety width to height ratios that distributors,\u00a0and the publishing process requires.<\/p>\n<p>However, I have now come to the view that one size <strong>will<\/strong> fit\u00a0all, so long as all the main elements are contained within a centred, smaller, specified area. Read on as I walk you through why I have come to this view, and what size you should be requesting from the illustrator.<\/p>\n<p>But first of all,\u00a0what actually is the problem, and here I think two pictures are worth a thousand words. The first picture is how &#8216;Bonnie&#8217;s Story &#8211; A Blonde&#8217;s Guide to Mathematics&#8217; is displayed on Amazon.com (ie 152 x 239 pixels).<\/p>\n<div id=\"attachment_55\" style=\"width: 162px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/bonnies-story-152x239-.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-55\" class=\"size-full wp-image-55\" alt=\"Sized for Amazon.com\" src=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/bonnies-story-152x239-.jpg\" width=\"152\" height=\"239\" \/><\/a><p id=\"caption-attachment-55\" class=\"wp-caption-text\">Sized for Amazon.com<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>However, if you simply\u00a0use the same picture on\u00a0Google (229\u00a0x 289 pixels), or\u00a0Apple\u00a0and Barnes\u00a0&amp; Noble (260 x 336 pixels) you\u00a0get the following, which is\u00a0frankly quite uncomplimentary to\u00a0Bonnie&#8217;s hips.<\/p>\n<p><!--more--><\/p>\n<div id=\"attachment_56\" style=\"width: 242px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/bonnies-story-cover-260x336.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-56\" class=\"size-medium wp-image-56\" alt=\"Apple sized\" src=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/bonnies-story-cover-260x336-232x300.jpg\" width=\"232\" height=\"300\" srcset=\"https:\/\/haguepublishing.com\/blog\/wp-content\/uploads\/2013\/08\/bonnies-story-cover-260x336-232x300.jpg 232w, https:\/\/haguepublishing.com\/blog\/wp-content\/uploads\/2013\/08\/bonnies-story-cover-260x336.jpg 260w\" sizes=\"auto, (max-width: 232px) 100vw, 232px\" \/><\/a><p id=\"caption-attachment-56\" class=\"wp-caption-text\">Apple sized<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>There are two options here, crop some of the top and bottom off, or do as I did and spend several hours extending the width of the original picture. You will notice that the following picture\u00a0actually shows the edge of the bus stop. More importantly Bonnie&#8217;s hips have returned to their normal size.<\/p>\n<p>&nbsp;<\/p>\n<div id=\"attachment_58\" style=\"width: 243px\" class=\"wp-caption alignnone\"><a href=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/bonnies-story-ebook-cover-260x336-extended.jpg\"><img loading=\"lazy\" decoding=\"async\" aria-describedby=\"caption-attachment-58\" class=\"size-medium wp-image-58\" alt=\"Borders extended to fit Apple's requirements\" src=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/bonnies-story-ebook-cover-260x336-extended-233x300.jpg\" width=\"233\" height=\"300\" srcset=\"https:\/\/haguepublishing.com\/blog\/wp-content\/uploads\/2013\/08\/bonnies-story-ebook-cover-260x336-extended-233x300.jpg 233w, https:\/\/haguepublishing.com\/blog\/wp-content\/uploads\/2013\/08\/bonnies-story-ebook-cover-260x336-extended.jpg 260w\" sizes=\"auto, (max-width: 233px) 100vw, 233px\" \/><\/a><p id=\"caption-attachment-58\" class=\"wp-caption-text\">Borders extended to fit Apple&#8217;s requirements<\/p><\/div>\n<p>&nbsp;<\/p>\n<p>To give you some information I have included the following table which sets out the size requirements by our distributors, and more importantly the width to height ratio as at August 2013. I have also included a couple of others size\u00a0required for Goodreads.com, large size paperback, and the standard cover for an epub.<\/p>\n<p>&nbsp;<\/p>\n<table width=\"528\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<colgroup>\n<col width=\"100\" \/>\n<col width=\"254\" \/>\n<col span=\"2\" width=\"64\" \/>\n<col width=\"64\" \/> <\/colgroup>\n<tbody>\n<tr>\n<td width=\"100\" height=\"20\"><\/td>\n<td width=\"300\"><\/td>\n<td style=\"text-align: right;\" width=\"64\">Width<\/td>\n<td style=\"text-align: right;\" width=\"64\">Height<\/td>\n<td style=\"text-align: right;\" width=\"64\">Aspect Ratio<\/td>\n<\/tr>\n<tr>\n<td style=\"text-align: right;\" height=\"20\"><\/td>\n<td style=\"text-align: right;\"><\/td>\n<td style=\"text-align: right;\">(pixels)<\/td>\n<td style=\"text-align: right;\">(pixels)<\/td>\n<td style=\"text-align: right;\"><\/td>\n<\/tr>\n<tr>\n<td height=\"20\">Distributors<\/td>\n<td>HaguePublishing<\/td>\n<td align=\"right\">150<\/td>\n<td align=\"right\">225<\/td>\n<td align=\"right\">0.67<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>Google<\/td>\n<td align=\"right\">229<\/td>\n<td align=\"right\">289<\/td>\n<td align=\"right\">0.79<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>B&amp;N and Apple<\/td>\n<td align=\"right\">260<\/td>\n<td align=\"right\">336<\/td>\n<td align=\"right\">0.77<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>Amazon<\/td>\n<td align=\"right\">152<\/td>\n<td align=\"right\">239<\/td>\n<td align=\"right\">0.64<\/td>\n<\/tr>\n<tr>\n<td height=\"20\">\u00a0Other<\/td>\n<td>Goodreads<\/td>\n<td align=\"right\">294<\/td>\n<td align=\"right\">475<\/td>\n<td align=\"right\">0.62<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>Standard photograph (4&#8243;x6&#8243;)<\/td>\n<td align=\"right\">1440<\/td>\n<td align=\"right\">2160<\/td>\n<td align=\"right\">0.67<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>eBookCovers<\/td>\n<td align=\"right\">600<\/td>\n<td align=\"right\">800<\/td>\n<td align=\"right\">0.75<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>Paperback (13x20cm ie\u00a05.1&#8243;x7.9&#8243;)<\/td>\n<td align=\"right\">1836<\/td>\n<td align=\"right\">2844<\/td>\n<td align=\"right\">0.65<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div><\/div>\n<div>What might not be obvious is that you can meet these requirements by\u00a0using three basic ratios and requesting the cover in three sizes (see following):<\/div>\n<div><\/div>\n<table width=\"528\" border=\"0\" cellspacing=\"0\" cellpadding=\"0\">\n<colgroup>\n<col width=\"100\" \/>\n<col width=\"254\" \/>\n<col span=\"2\" width=\"64\" \/>\n<col width=\"64\" \/> <\/colgroup>\n<tbody>\n<tr>\n<td width=\"100\" height=\"20\"><\/td>\n<td width=\"300\">Supplied for printing<\/td>\n<td style=\"text-align: right;\" width=\"64\">Width<\/td>\n<td style=\"text-align: right;\" width=\"64\">Height<\/td>\n<td style=\"text-align: right;\" width=\"64\">Aspect Ratio<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>13cmx20cm<\/td>\n<td align=\"right\">13<\/td>\n<td align=\"right\">20<\/td>\n<td align=\"right\">0.65<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>6&#8243;x9&#8243;<\/td>\n<td align=\"right\">6<\/td>\n<td align=\"right\">9<\/td>\n<td align=\"right\">0.67<\/td>\n<\/tr>\n<tr>\n<td height=\"20\"><\/td>\n<td>7&#8243;x9&#8243;<\/td>\n<td align=\"right\">7<\/td>\n<td align=\"right\">9<\/td>\n<td align=\"right\">0.78<\/td>\n<\/tr>\n<\/tbody>\n<\/table>\n<div><\/div>\n<div>Earlier I said that we were now commissioning a single piece of art, and this is how we do it. (You can also do it if you have access to some basic editing software such as Photoshop Elements. What you need to do is\u00a0commission the artwork as\u00a0156mm x 206mm\u00a0(360dpi) but with all the main elements contained within\u00a0\u00a0an area of 130mm x 200mm. This then allows me to simply crop the image to the size required. See the following example from our latest cover design for Shelley&#8217;s &#8216;Lights Over Emerald Creek&#8217;. The area outside the interior trim has been greyed out.<\/div>\n<div><\/div>\n<div><a href=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/LightsOverEmeraldCreekexample.jpg\"><img loading=\"lazy\" decoding=\"async\" class=\"alignnone size-medium wp-image-51\" alt=\"LightsOverEmeraldCreekexample\" src=\"http:\/\/blog.haguepublishing.com\/wp-content\/uploads\/2013\/08\/LightsOverEmeraldCreekexample-227x300.jpg\" width=\"227\" height=\"300\" srcset=\"https:\/\/haguepublishing.com\/blog\/wp-content\/uploads\/2013\/08\/LightsOverEmeraldCreekexample-227x300.jpg 227w, https:\/\/haguepublishing.com\/blog\/wp-content\/uploads\/2013\/08\/LightsOverEmeraldCreekexample.jpg 400w\" sizes=\"auto, (max-width: 227px) 100vw, 227px\" \/><\/a><\/div>\n<div><\/div>\n<div>Anyway, hope this helps. Next week I&#8217;ll cover the question of appearance and typeface, while in the week after that I&#8217;ll walk you through the actual design process for &#8216;The Lights Over Emerald Creek&#8221; cover. If there&#8217;s anything\u00a0else you want me to cover don&#8217;t hesitate to ask.<\/div>\n<div><\/div>\n<div>Andrew<\/div>\n","protected":false},"excerpt":{"rendered":"<p>When I started Hague Publishing I thought all we needed to do was to contract an illustrator to do one cover that we could use for the eBook, publicity, and for the cover for a Print on Demand if sales &hellip; <a href=\"https:\/\/haguepublishing.com\/blog\/ebook-covers-part-1-where-size-and-ratio-matters\/\">Continue reading <span class=\"meta-nav\">&rarr;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[3],"tags":[],"class_list":["post-50","post","type-post","status-publish","format-standard","hentry","category-publishing"],"post_mailing_queue_ids":[],"_links":{"self":[{"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/posts\/50","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/comments?post=50"}],"version-history":[{"count":19,"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/posts\/50\/revisions"}],"predecessor-version":[{"id":209,"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/posts\/50\/revisions\/209"}],"wp:attachment":[{"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/media?parent=50"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/categories?post=50"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/haguepublishing.com\/blog\/wp-json\/wp\/v2\/tags?post=50"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}