MobileRead Forums - View Single Post - Back Cover- Where am I going wrong

RbnJrg · 09-18-2021, 08:48 PM

The most probably cause of your issue, is that the back cover has a different size than the front cover and so, the viewport that you defined for the back cover, is wrong. You must change, for the back cover, the following statements:

Code:

            <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>

Replace those values with the width and height (in pixels) of the backcover. That should fix your issue.

Regards

Quote:

Originally Posted by Karellen

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?