I have a problem with the cover image displaying on some ebooks both in Sigil and on my Kobo.
I have a collection of books that have no cover image included so I have been downloading images from the Internet to add to them.
I have resized them all to 325 x 500 @ 72dpi. I created a cover page template file which I add to the books in question along with the corresponding image file.
My problem is that in some books the cover image appears perfectly in the preview pane and in some all I get is this -
And this is the cover page code -
Code:
<?xml version="1.0" encoding="utf-8"?>
<!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" 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 460 706" preserveAspectRatio="none"><image width="460" height="706" xlink:href="cover.jpeg"/></svg>
</div>
</body>
</html>
Any ideas where I am going wrong?