Quote:
Originally Posted by ecbritz
What is meant by a "svg wrapper"? Do you export the cover design as scalable vector graphics and then use the svg file?
|
Most of us use a variation of the SVG code given on the MobileRead Wiki:
https://wiki.mobileread.com/wiki/Ebook_Covers
This allows the image to stretch (while maintaining proper ratio) to fit any screen size.
Here is the code which Sigil generates for you when using Tools - Add Cover:
Code:
<?xml version="1.0" encoding="UTF-8" standalone="no" ?>
<!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">
<head>
<title>Cover</title>
</head>
<body>
<div style="text-align: center; padding: 0pt; margin: 0pt;">
<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1200 800" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
<image width="1200" height="800" xlink:href="../Images/cover.jpg"/>
</svg>
</div>
</body>
</html>
Red areas are where you want to change the width/height/location of your specific cover image.