degraded cover image in Nook for PC and ADE
I'm stumped. Again : )
I have a jpeg, 1400px x 2000px, 150ppi, for my cover image. It's a good quality image and looks good when viewed in Photoshop and Windows Photo Viewer.
When I open my book in Nook for PC or ADE though, the cover looks like crap. The colors are muted and the text no longer looks strong and sharp - the small text looks shaky and jagged, and the big text no longer looks anti-aliased either. I suppose this must be caused by being displayed at a lower resolution. Though I don't really know.
I didn't use any program to insert the cover image into my book. I did it manually by creating a new xhtml page for just the cover image and writing the css. I didn't use any program that I think might compress the image. And I don't believe there is anything in my css that would compress it. Though maybe I am wrong.
The cover image actually looks fine when I open the book in Calibre.
Do Nook for PC and ADE compress images automatically? What am I missing?
Here's my code for the image:
XHTML
<?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>
<link href="css/idGeneratedStyles.css" rel="stylesheet" type="text/css" />
</head>
<body class="cover">
<p class="cover"><img class="cover" alt="" src="cover-e-epub.jpg" /></p>
</body>
</html>
CSS
body.cover {
oeb-column-number: 1;
margin: 0;
padding: 0;
text-align: center;
}
p.cover {
height:99%;
width:100%;
text-align:center;
page-break-inside:avoid;
}
img.cover {
display:inline-block;
height:100%;
margin:0 auto;
}
The cover looked the same way actually when I put the image in using an SVG method though. That seems to rule out the problem being in the xhtml or css code. But again, I don't know.
Thank you everyone.
Last edited by SantafA; 03-17-2015 at 01:07 PM.
|