How To Remove White Border From Epub Cover

crestfalleen · 05-21-2010, 11:36 AM

Again, I hope this is okay posted in the Calibre thread.

I actually have 2 epub files that I made with InDesign CS4 on a Mac. I exported it for digital editions that converts it to an epub. When I look at it in Adobe Digital Editions, it looks good, except that there is a white border around the cover image. I look at it in Calibre and it has a white border there also. I went in and edited the metadata individually in Calibre and changed the book cover to the same file that I used in the original InDesign document and it seemed to work. I uploaded it to Stanza and it looked good. However, I opened it back up in Adobe Digital Editions and it still has the white border.
I've seem post that say to unzip the epub and change the CSS, but that doesn't help in my case, at least it didn't when I tried it a week ago. (I might have done something wrong though).
Would anyone have a straight and clear answer for me? Thanks for all the help, everyone has been so helpful on my last few questions.

kovidgoyal · 05-21-2010, 11:51 AM

You need to use the svg technique to have your image automatically scaled to the screen size. The only problem is taht technique doesn't work in stanza.

To see how it is done just convert some test file to epub in calibre with a cover specified. calibre will create a svg based cover that wont have a white border. You can open up the epub and learn how it is done from there.

crestfalleen · 05-21-2010, 01:57 PM

Great. I tried that and it took the white border away...kind of. It now has a white lines at the top and the bottom of the cover image. Do I need to re-size the image or what am I doing wrong? Thanks.

kovidgoyal · 05-21-2010, 02:17 PM

what exactly did you do?

crestfalleen · 05-21-2010, 03:18 PM

I took an epub file that I made in InDesign, added it to Calibre, changed the cover image and then converted it to epub again in Calibre. Where did I go wrong?

kovidgoyal · 05-21-2010, 04:18 PM

Nowhere

I forgot that the calibre svg cover preserves image aspect ratio. If you want the image to fill the screen irrespective of aspect ration edit the html file of the cover and change

preserveAspectRatio="xmidymid meet"

to

preserveAspectRation="none"

next release of calibre will have an option in the EPUB output to toggle this.

crestfalleen · 05-21-2010, 04:32 PM

Awesome. Thanks so much. I will try that as soon as possible.

troymc · 05-21-2010, 04:38 PM

Quote:

Originally Posted by kovidgoyal

Nowhere

I forgot that the calibre svg cover preserves image aspect ratio. If you want the image to fill the screen irrespective of aspect ration edit the html file of the cover and change

preserveAspectRatio="xmidymid meet"

to

preserveAspectRation="none"

next release of calibre will have an option in the EPUB output to toggle this.

Thanks! I've been looking for this option, too!

I didn't realize that was in the SVG options. I need to learn more about that.

Troy

crestfalleen · 05-24-2010, 01:14 PM

Quote:

If you want the image to fill the screen irrespective of aspect ration edit the html file of the cover and change

preserveAspectRatio="xmidymid meet"

to

preserveAspectRation="none"

I've looked both at my html cover file before and after converting it and changing the cover image in Calibre, and neither of them even have a "preserveAspectRatio." Below is the code I have from the one converted in Calbre. Could you tell me what to remove/add? What I'm doing wrong and need to change for future use? Thanks so much.

<?xml version='1.0' encoding='utf-8'?>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Cover</title>
<meta content="http://www.w3.org/1999/xhtml; charset=utf-8" http-equiv="Content-Type"/><link href="../stylesheet1.css" type="text/css" rel="stylesheet"/><style type="text/css">
@page { margin-bottom: 0pt; margin-top: 0pt; }
@font-face {
font-family: "Adobe Caslon Pro";
font-style: normal;
font-weight: bold;
src: local(ACaslonPro-Bold)
}

@font-face {
font-family: "Adobe Caslon Pro";
font-style: normal;
font-weight: normal;
src: local(ACaslonPro-Regular)
}

@font-face {
font-family: "Calibri";
font-style: normal;
font-weight: normal;
src: local(Calibri)
}

@font-face {
font-family: "Adobe Caslon Pro";
font-style: italic;
font-weight: normal;
src: local(ACaslonPro-Italic)
}

@font-face {
font-family: "Adobe Caslon Pro";
font-style: italic;
font-weight: bold;
src: local(ACaslonPro-BoldItalic)
}
</style></head>
<body class="calibre">
<div id="cover" class="calibre1">
<div class="calibre1">
<img src="images/How%20To%20Change%20Your%20Lif_fmt.jpeg" alt="How To Change Your Life.jpg" class="calibre2"/>
</div>
</div>
</body>
</html>

kovidgoyal · 05-24-2010, 01:15 PM

Make sure you don't have No SVG cover checked in the EPUB output settings in calibre when converting the book.

DoctorOhh · 05-25-2010, 12:24 AM

Quote:

Originally Posted by kovidgoyal

Make sure you don't have No SVG cover checked in the EPUB output settings in calibre when converting the book.

If he is viewing these epubs on his iphone then doesn't he needs no svg checked to see any cover?

kovidgoyal · 05-25-2010, 11:20 AM

yeah but the non svg covers preserve aspect ratio no matter what. That option only applies to svg covers.

crestfalleen · 05-25-2010, 12:18 PM

Great. Awesome. I went back and converted my epub in Calibre and checked the preserve aspect ratio box. There's no border around my thumbnail in calibre or stanza, but in Adobe Digital Editions there is. I haven't checked it on the iPad yet, which hopefully I can do today. The only other issue I have is, can you tell me why there are 2 images of my cover in the epub file? In stanza the first one doesn't even show up, but the second does. But can you tell me how to get rid of one of them? Thanks again.

kovidgoyal · 05-25-2010, 12:21 PM

check the remove first image setting in the conversion options and be aware that SVG covers do not work in stanza.

05-21-2010, 11:36 AM	#1
crestfalleen Member Posts: 17 Karma: 10 Join Date: May 2010 Device: iphone	How To Remove White Border From Epub Cover Again, I hope this is okay posted in the Calibre thread. I actually have 2 epub files that I made with InDesign CS4 on a Mac. I exported it for digital editions that converts it to an epub. When I look at it in Adobe Digital Editions, it looks good, except that there is a white border around the cover image. I look at it in Calibre and it has a white border there also. I went in and edited the metadata individually in Calibre and changed the book cover to the same file that I used in the original InDesign document and it seemed to work. I uploaded it to Stanza and it looked good. However, I opened it back up in Adobe Digital Editions and it still has the white border. I've seem post that say to unzip the epub and change the CSS, but that doesn't help in my case, at least it didn't when I tried it a week ago. (I might have done something wrong though). Would anyone have a straight and clear answer for me? Thanks for all the help, everyone has been so helpful on my last few questions.

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
is it possible to remove ( from epub)...	cybmole	Calibre	13	10-11-2010 11:57 AM
How much for the White Luxury Cover	HansTWN	iRex	15	08-01-2010 08:33 PM
Remove white border (batch) OS X	etherspin	Workshop	0	03-14-2009 08:55 PM
Better reading experience - remove cover	ksri99	Sony Reader	4	02-11-2009 04:54 PM
White border around my ebook covers	alehel	Reading and Management	3	12-19-2008 03:48 AM

05-21-2010, 11:51 AM	#2
kovidgoyal creator of calibre Posts: 45,170 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	You need to use the svg technique to have your image automatically scaled to the screen size. The only problem is taht technique doesn't work in stanza. To see how it is done just convert some test file to epub in calibre with a cover specified. calibre will create a svg based cover that wont have a white border. You can open up the epub and learn how it is done from there.

05-21-2010, 01:57 PM	#3
crestfalleen Member Posts: 17 Karma: 10 Join Date: May 2010 Device: iphone	Great. I tried that and it took the white border away...kind of. It now has a white lines at the top and the bottom of the cover image. Do I need to re-size the image or what am I doing wrong? Thanks.

05-21-2010, 02:17 PM	#4
kovidgoyal creator of calibre Posts: 45,170 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	what exactly did you do?

05-21-2010, 03:18 PM	#5
crestfalleen Member Posts: 17 Karma: 10 Join Date: May 2010 Device: iphone	I took an epub file that I made in InDesign, added it to Calibre, changed the cover image and then converted it to epub again in Calibre. Where did I go wrong?

05-21-2010, 04:18 PM	#6
kovidgoyal creator of calibre Posts: 45,170 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Nowhere I forgot that the calibre svg cover preserves image aspect ratio. If you want the image to fill the screen irrespective of aspect ration edit the html file of the cover and change preserveAspectRatio="xmidymid meet" to preserveAspectRation="none" next release of calibre will have an option in the EPUB output to toggle this.

05-21-2010, 04:32 PM	#7
crestfalleen Member Posts: 17 Karma: 10 Join Date: May 2010 Device: iphone	Awesome. Thanks so much. I will try that as soon as possible.

05-24-2010, 01:15 PM	#10
kovidgoyal creator of calibre Posts: 45,170 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	Make sure you don't have No SVG cover checked in the EPUB output settings in calibre when converting the book.

05-25-2010, 11:20 AM	#12
kovidgoyal creator of calibre Posts: 45,170 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	yeah but the non svg covers preserve aspect ratio no matter what. That option only applies to svg covers.

05-25-2010, 12:18 PM	#13
crestfalleen Member Posts: 17 Karma: 10 Join Date: May 2010 Device: iphone	Great. Awesome. I went back and converted my epub in Calibre and checked the preserve aspect ratio box. There's no border around my thumbnail in calibre or stanza, but in Adobe Digital Editions there is. I haven't checked it on the iPad yet, which hopefully I can do today. The only other issue I have is, can you tell me why there are 2 images of my cover in the epub file? In stanza the first one doesn't even show up, but the second does. But can you tell me how to get rid of one of them? Thanks again.

05-25-2010, 12:21 PM	#14
kovidgoyal creator of calibre Posts: 45,170 Karma: 27110894 Join Date: Oct 2006 Location: Mumbai, India Device: Various	check the remove first image setting in the conversion options and be aware that SVG covers do not work in stanza.

Advert

Advert