Quote:
Originally Posted by DNSB
1. I would specify the width in percent not absolute pixels. Setting the width to 33.3% would keep the image to approximately the same size regardless of the screen resolution (on a 600x800, 33.3% would be 200 pixels, on an Oasis 2, 33.3% would 421 pixels but the amount of screen used would be the same. Absolute units should be banned, IMNSHO.
2. The back/font cover image size? Personally, I like larger images. Using width=95%, a 1200 by 1800 image would pretty much fill the screen without pixelating on the higher PPI devices. On my personal devices which use epub ebooks, I use a SVG wrapper to display the image so it automagically fills more or less full screen however I suspect that while a KF8 ebook would be happy with this technique a KF7 (mobi) would tend to upchuck over the screen. I seldom do much with Kindle book creation hence the uncertainty.
Code:
<style type="text/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" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 1200 1800" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"><image height="1800" width="1200" xlink:href="../Images/cover.jpg"/></svg>
</div>
In an epub3, you have to add the svg property in the content.opf file. |
Thanks David. That's very helpful. Question though, on the bigger screen sizes it seems they flip the width and height. So when a tablet is listed at 2560X1600, for an ebook we're still considering 1600 to be the width, right?