03-17-2015, 04:07 AM | #1 |
Member
Posts: 13
Karma: 10
Join Date: Mar 2015
Device: none
|
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. |
03-17-2015, 04:18 AM | #2 |
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
First of all, don't use JPG for this kind of image, use PNG, it will be smaller and look nicer. (But do not convert the JPG to PNG!).
The resize in ADE is probably simple and crappy, and there's nothing you can do about it other than using a smaller image that will not be resized. About the colours, that might be due to some gamma or colour profile not being interpreted by ADE. |
Advert | |
|
03-17-2015, 04:56 AM | #3 |
Member
Posts: 13
Karma: 10
Join Date: Mar 2015
Device: none
|
Thanks for responding so fast, Jellby!
The sample is a small part of the cover, it has some smooth gradation elsewhere. I'm still getting the same "resolution" problem using a png. I resized it to 980 x 1400 and still same problem. What you said makes sense though. I'll try messing around with it more tomorrow. For the jpeg color I'm using Adobe RGB 1998, which is what Kindle recommends for mobis. I don't know what Nook or ADE recommend. Do you have a recommendation? |
03-17-2015, 06:56 AM | #4 | |||
frumious Bandersnatch
Posts: 7,516
Karma: 18512745
Join Date: Jan 2008
Location: Spaniard in Sweden
Device: Cybook Orizon, Kobo Aura
|
Quote:
Quote:
Quote:
|
|||
03-17-2015, 07:53 AM | #5 |
Wizard
Posts: 4,520
Karma: 121692313
Join Date: Oct 2009
Location: Heemskerk, NL
Device: PRS-T1, Kobo Touch, Kobo Aura
|
The downscaling algorithm in ADE is not that good. However, I usually have much better results when I put the cover in the SVG wrapper. Somehow it seems that the resize algorithm is better then. The SVG wrapper can be found all over. Sigil also uses that code when inserting a cover.
|
Advert | |
|
03-17-2015, 10:08 AM | #6 | |
Addict
Posts: 243
Karma: 359054
Join Date: Nov 2012
Device: default
|
Quote:
If your picture is encoded with something else then decoded using sRGB, colour fidelity issues will almost certainly arise. Try saving the image with sRGB profile and see if that helps. |
|
03-17-2015, 01:18 PM | #7 | |
Grand Sorcerer
Posts: 11,470
Karma: 13095790
Join Date: Aug 2007
Location: Grass Valley, CA
Device: EB 1150, EZ Reader, Literati, iPad 2 & Air 2, iPhone 7
|
Quote:
Dale |
|
03-19-2015, 04:51 PM | #8 | ||
Addict
Posts: 243
Karma: 359054
Join Date: Nov 2012
Device: default
|
Quote:
Quote:
|
||
03-24-2015, 07:24 PM | #9 | |
Bookmaker & Cat Slave
Posts: 11,462
Karma: 158448243
Join Date: Apr 2010
Location: Phoenix, AZ
Device: K2, iPad, KFire, PPW, Voyage, NookColor. 2 Droid, Oasis, Boox Note2
|
Quote:
Hitch |
|
Tags |
ade, cover image, degraded, nook, resolution |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
ADE image resampling and lack of zoom | sarah_pnix | ePub | 20 | 12-28-2012 07:37 PM |
Cover image isn't displaying as cover image | Eugene88 | Sigil | 3 | 08-15-2012 04:05 PM |
PRS-350 Screen degraded over time | wheelybird | Sony Reader | 26 | 09-26-2011 07:26 PM |
PRS-505 Degraded Screen Sharpness and Contrast | comjini | Sony Reader | 0 | 03-01-2011 11:51 AM |
No cover image in ADE from InDesign | wannabee | ePub | 3 | 02-25-2011 02:40 AM |