View Full Version : Cover Image size


dezignlady
07-13-2011, 10:42 PM
My cover image is a jpg 600 px x 800 px as I read was recommended but it's showing up with a white border on the sides and bottom, and when converted to mobi it scales it with the white borders. it there a setting somewhere I am missing.

thanks all, you've been a big help to this newbie.

charleski
07-14-2011, 12:43 AM
I use
<img class="fullpage" alt="cover" [... etc] />

with
.fullpage {
height: 100%;
max-width: 100%
}

Alternatively, you can use svg:

<div>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 600 800" width="100%">
<image height="800" width="600" xlink:href="../Images/cover.jpeg"></image>
</svg>
</div>

Adjust
07-14-2011, 03:40 AM
If you're converting you epub to .mobi as well, I'd suggest not using SVG

dezignlady
07-15-2011, 12:27 PM
Thanks I will give it a shot.

saskir
07-19-2011, 12:29 PM
I prefer the svg option. Therefore you don't need to convert a image file to the right size. Simply say how big it is and it scales it on every device perfect.

sueneu
08-03-2011, 02:10 PM
Thanks to all, this post just made my day!

JSWolf
08-04-2011, 11:41 AM
When making the cover image, keep it aspect ratio correct.