Register Guidelines E-Books Search Today's Posts Mark Forums Read

Go Back   MobileRead Forums > E-Book Formats > ePub

Notices

Reply
 
Thread Tools Search this Thread
Old 05-02-2013, 07:37 AM   #1
krausj
Enthusiast
krausj began at the beginning.
 
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.
krausj is offline   Reply With Quote
Old 05-02-2013, 07:27 PM   #2
Adjust
Addict
Adjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel isAdjust really knows where his or her towel is
 
Adjust's Avatar
 
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:
<?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>BookName</title>
    </head>
    <body id="toc_marker-1" style="margin-top:0px; margin-left:0px; margin-right:0px; margin-bottom:0px; text-align:center;" >
            <div><img src="image/Cover.jpeg" alt="Cover.jpg" height="100%"  />
        </div>
    </body>
</html>
Adjust is offline   Reply With Quote
Advert
Old 05-03-2013, 07:01 AM   #3
krausj
Enthusiast
krausj began at the beginning.
 
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
I followed your instructions, and I still have the same problem. tiny cover.
hmmmmmm
krausj is offline   Reply With Quote
Old 05-03-2013, 08:31 AM   #4
PageLab
Connoisseur
PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.PageLab ought to be getting tired of karma fortunes by now.
 
PageLab's Avatar
 
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>
Don't specify the image size on the <img> tag itself, do it in the CSS. You also need to specify page dimensions in the CSS:

Code:
body {
    width: 783px;
    height: 983px;
}

img {
    position: absolute;
    height: 983px;
}
PageLab is offline   Reply With Quote
Old 05-03-2013, 11:53 AM   #5
krausj
Enthusiast
krausj began at the beginning.
 
Posts: 36
Karma: 10
Join Date: Apr 2013
Device: ipad
Still not working. This is crazy!
krausj is offline   Reply With Quote
Advert
Old 05-03-2013, 01:40 PM   #6
krausj
Enthusiast
krausj began at the beginning.
 
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.
krausj is offline   Reply With Quote
Reply

Thread Tools Search this Thread
Search this Thread:

Advanced Search

Forum Jump

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


All times are GMT -4. The time now is 08:45 PM.


MobileRead.com is a privately owned, operated and funded community.