View Single Post
Old 11-25-2011, 11:05 AM   #2
JSWolf
Resident Curmudgeon
JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.JSWolf ought to be getting tired of karma fortunes by now.
 
JSWolf's Avatar
 
Posts: 79,803
Karma: 146918083
Join Date: Nov 2006
Location: Roslindale, Massachusetts
Device: Kobo Libra 2, Kobo Aura H2O, PRS-650, PRS-T1, nook STR, PW3
Quote:
Originally Posted by JoanneM View Post
Hi all! Does anybody know of a list anywhere which specifies the maximum screen size of all the common readers? I've searched and not been able to find it. My 600x800 covers, which look great on my Kindle, cut off at the bottom on my Nook (by about half an inch, just enough to wipe out my logo, although I can make the bottom half-inch non-critical if that's the only fix). I don't have an iPad yet or any of the other epub readers to test with, but want my stuff to be viewable on all of them. I'm fine with doing an epub-specific cover, of course, but can't figure out what size will work across all readers. Thanks for any tips you can give me!
You can code for the cover to fit as long as the cover would fit width wise when the height is at maximum for the screen.

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 600 800" preserveAspectRatio="xMidYMid meet">
                <image width="600" height="800" xlink:href="coverh4a200033db.jpg"/>
            </svg>
        </div>
    </body>
</html>
You'll have to change the name of the cover of course.
JSWolf is offline   Reply With Quote