Hi friends;
I have an image of 1200px (height) x 800px (width) that I want to use as a cover for a .kf8 book. In Kindle, that image is resized as 800 x 533 and like the Kindle screen is 800 x 600, then the cover appears with two white stripes on the sides. I thought to fix that issue by using the image in a SVG wrapper. Since the title (of the book/cover) is in the top/center, in "preserveAspectRatio" I used "xMidYMin slice" with the following code:
In Sigil (I always made my books as epub in Sigil and then I convert them by using Kindlegen) works fine but when I open the kf8 book in Kindle, the cover still has the two white stripes on the sides.
It seems that Kindle doesn't support the SVG wrapper; can anyone of you tell me if has the same problem as me or if I'm doing something wrong?
Thank you very much in advance.
Rubén
I have an image of 1200px (height) x 800px (width) that I want to use as a cover for a .kf8 book. In Kindle, that image is resized as 800 x 533 and like the Kindle screen is 800 x 600, then the cover appears with two white stripes on the sides. I thought to fix that issue by using the image in a SVG wrapper. Since the title (of the book/cover) is in the top/center, in "preserveAspectRatio" I used "xMidYMin slice" with the following code:
Code:
<div>
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMin slice" version="1.1" viewBox="0 0 800 1200" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image height="1200" width="800" xlink:href="../Images/Cover.jpg"></image>
</svg>
</div>It seems that Kindle doesn't support the SVG wrapper; can anyone of you tell me if has the same problem as me or if I'm doing something wrong?
Thank you very much in advance.
Rubén