Hello,
In addition to replacing the front cover with a good quality image, I also add a back cover when I also own the paper book.
But for some reason, the back cover image does not display correctly even though I use the exact same code as the cover page. The code I use for both back and front in epub is:
Code:
<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="calibre:cover" content="true"/>
<title>Cover</title>
<style type="text/css" title="override_css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
</style>
</head>
<body>
<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 385 616" preserveAspectRatio="none">
<image width="385" height="616" xlink:href="cover.jpeg"/>
</svg>
</div>
</body>
</html>
and changing filename to "back.jpg" for the back cover.
The images below are from Kindle Previewer 3. Front cover is good, but back cover has this large margin all around. I guess it has something to do with setting the cover.jpg as "cover" in the epub.
When I upload to iBooks, the back cover displays with the padding. When I convert to Mobi and send to Kindle App on iPad, it also displays the padding.
Any idea how I can force the full page view for the back cover?