Cover & inside images in epub on different readers - Page 2

JSWolf · 07-01-2012, 08:10 PM

Quote:

Originally Posted by AndrewH

That's not working, either.

If it makes any difference, my image is 429 x 750, so the only changes in Jon's code I pasted above is this line:

Code:

<image height="750" width="429" xlink:href="../Images/3.png"></image>

edit: With some creative editing, I managed to get the images 600x800 so it looks right. This all would have been much easier if the <center> tag wasn't deprecated in HTML.

Did you also change...

Code:

viewBox="0 0 600 800"

to

Code:

viewBox="0 0 429 750"

?

JSWolf · 07-01-2012, 08:12 PM

Quote:

Originally Posted by AndrewH

That's not working, either.

If it makes any difference, my image is 429 x 750, so the only changes in Jon's code I pasted above is this line:

Code:

<image height="750" width="429" xlink:href="../Images/3.png"></image>

edit: With some creative editing, I managed to get the images 600x800 so it looks right. This all would have been much easier if the <center> tag wasn't deprecated in HTML.

If the image is 429x750, making it fill a 600x800 screen is not correct. That just makes the images look off because they are off.

This is the correct code you want to use...

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 429 750" preserveAspectRatio="xMidYMid meet">
                <image width="429" height="750" xlink:href="../Images/3.png"/>
            </svg>
        </div>
    </body>
</html>

That will work on a T1 no problem.

AndrewH · 07-01-2012, 10:43 PM

Quote:

Originally Posted by JSWolf

If the image is 429x750, making it fill a 600x800 screen is not correct. That just makes the images look off because they are off.

This is the correct code you want to use...

...

That will work on a T1 no problem.

Oh, that did it! Perfect! Thank you so much, sir!

/happydance

JSWolf · 07-02-2012, 11:55 AM

Quote:

Originally Posted by AndrewH

Oh, that did it! Perfect! Thank you so much, sir!

/happydance

Three things need to be changed... the href, and the width and height. Both the width and height have to be changed twice.

Jellby · 07-02-2012, 01:30 PM

If I remember correctly, they only have to be changed if the aspect ratio of the image changes. But image's width/height have to match the viewport size.

In other words, if you have 600×800, you can leave it unchanged as long as your image is 600×800, or 1200×1600, or 300×400, or 768×1024... (all 3:4 ratio).

JSWolf · 07-03-2012, 07:39 PM

Quote:

Originally Posted by Jellby

If I remember correctly, they only have to be changed if the aspect ratio of the image changes. But image's width/height have to match the viewport size.

In other words, if you have 600×800, you can leave it unchanged as long as your image is 600×800, or 1200×1600, or 300×400, or 768×1024... (all 3:4 ratio).

It is a bug in ADE that you have to use the specific image's size values or you get an incorrectly displayed image if you want to make it aspect ratio correct.

AndrewH · 07-03-2012, 08:39 PM

Quote:

Originally Posted by JSWolf

Three things need to be changed... the href, and the width and height. Both the width and height have to be changed twice.

I see it, thank you. It's much more obvious with the non-standard dimensions... it didn't even occur to me to change the size of the viewport.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
Managing cover images in mobi/epub files	steje	Library Management	19	12-07-2013 09:48 PM
Epub and cover images, question about file storage	JGB	Calibre	10	10-11-2010 11:48 PM
Cover inside book	luthar28	ePub	3	08-04-2010 05:32 PM
Classic Editing B&N epub but still able to browse cover possible?	tanzer21	Barnes & Noble NOOK	6	07-31-2010 01:47 PM
trouble with ePub cover images	bossmanx9	Calibre	10	04-28-2009 06:16 PM

07-02-2012, 01:30 PM	#20
Jellby frumious Bandersnatch Posts: 7,550 Karma: 19500001 Join Date: Jan 2008 Location: Spaniard in Sweden Device: Cybook Orizon, Kobo Aura	If I remember correctly, they only have to be changed if the aspect ratio of the image changes. But image's width/height have to match the viewport size. In other words, if you have 600×800, you can leave it unchanged as long as your image is 600×800, or 1200×1600, or 300×400, or 768×1024... (all 3:4 ratio).

Advert

Advert