05-02-2013, 07:37 AM | #1 |
Enthusiast
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
|
My cover image keep shrinking when opened on ibooks
For some reason, when I open up my epub in iBooks, the cover image inside the book shows up 75% smaller. I don't think I changed much between when it was working fine and when it wasn't. I installed a new font, and reordered some things, that's about it. Here is what it looks like:
[Image deleted - MODERATOR] it's dimensions are 738 by 983 Here is my manifest if that is any help: <manifest> <item id="toc" href="toc.ncx" media-type="application/x-dtbncx+xml"></item> <!-- css --> <item id="covercss" href="css/cover.css" media-type="text/css"></item> <item id="copyright" href="css/f_copyright.css" media-type="text/css"></item> <item id="css1" href="css/page1.css" media-type="text/css"></item> <item id="css2" href="css/page2.css" media-type="text/css"></item> <item id="css3" href="css/page3.css" media-type="text/css"></item> <item id="cssstyles" href="css/styles.css" media-type="text/css"></item> <!-- font --> <item id="cambo" href="fonts/Cambo-Regular.otf" media-type="font/opentype"></item> <!-- xhtml --> <item id="item1" media-type="application/xhtml+xml" href="cover.xhtml"></item> <item id="item2" media-type="application/xhtml+xml" href="f_copyright.xhtml"></item> <item id="item3" media-type="application/xhtml+xml" href="page1.xhtml"></item> <item id="item4" media-type="application/xhtml+xml" href="page2.xhtml"></item> <item id="item5" media-type="application/xhtml+xml" href="page3.xhtml"></item> <!-- images --> <item id="cover" href="images/cover.jpg" media-type="image/jpeg"></item> <item id="page1" href="images/page1.jpg" media-type="image/jpeg"></item> <item id="page2" href="images/page2.jpg" media-type="image/jpeg"></item> <item id="page3" href="images/page3.jpg" media-type="image/jpeg"></item> </manifest> Last edited by Dr. Drib; 11-30-2013 at 06:33 AM. |
05-02-2013, 07:27 PM | #2 |
Addict
Posts: 351
Karma: 70000
Join Date: Jul 2010
Location: Australia
Device: ADE, iPad
|
open you image in an image editor and make the dimension 600x800px
in the cover.xhtml file change the code to match this: PHP Code:
|
Advert | |
|
05-03-2013, 07:01 AM | #3 |
Enthusiast
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
|
I followed your instructions, and I still have the same problem. tiny cover.
hmmmmmm |
05-03-2013, 08:31 AM | #4 |
Connoisseur
Posts: 70
Karma: 515184
Join Date: Sep 2011
Location: Brasília
Device: Kindle3, iPad, Nook, Kobo, Positivo Alfa
|
Considering the image you posted, we're talking about a fixed-layout ePUB here. In this case, you need to specify the viewport dimensions in the head of the XHTML file, as follows:
Code:
<meta name="viewport" content="width=738, height=983"></meta> Code:
body { width: 783px; height: 983px; } img { position: absolute; height: 983px; } |
05-03-2013, 11:53 AM | #5 |
Enthusiast
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
|
Still not working. This is crazy!
|
Advert | |
|
05-03-2013, 01:40 PM | #6 |
Enthusiast
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
|
NVM!! I fixed it. I had installed a new font, went I went back to the old one everything worked. No clue why.
|
Thread Tools | Search this Thread |
|
Similar Threads | ||||
Thread | Thread Starter | Forum | Replies | Last Post |
ibooks - cover image bleeds over to page 2 | Larionov | Sigil | 11 | 04-22-2013 12:52 PM |
Cover image isn't displaying as cover image | Eugene88 | Sigil | 3 | 08-15-2012 04:05 PM |
Browser Image Auto-shrinking? | kaneorotar | Kindle Developer's Corner | 7 | 07-02-2012 02:27 AM |
Cover Breaks Publication in iBooks (Yes: yet another iBook cover thread) | DHahn | ePub | 6 | 05-18-2011 02:08 PM |
iBooks, Table of Contents, Missing Cover image. | Daddy Warpig | Apple Devices | 2 | 04-15-2010 10:09 AM |