kepub images

tharael89 · 08-06-2013, 04:04 PM

hi everyone.
i need a little help

i've just bought my first e-reader, the kobo aura hd and i've tried to create some kepub for this device.
for my first kepub i used a light novel in which there are some images at the start and in various places during the story.
no problem. calibre is awesome and i can live with how the file got out but maybe i can get even more with a little knowledge

my "problem" is with the images. in both the epub and kepub format i can't get them to be full page and the cover is full page only in the epub one probably because in the kepub one there is the book title.

there is something i can do with calibre during or before the htm to epub conversion or do i have to use sigil? if i have to use sigil what do i have to do?

edit: i used the tablet output profile during the conversion

davidfor · 08-06-2013, 08:02 PM

Without seeing it, the images have probably been inserted in a way that doesn't automatically resize them to fit the screen. The cover image is probably defined inside an SVG wrapper that does the resizing. Editing the epub and changing the other images to code that is similar code to that used for the cover is probably the way to get what you want.

tharael89 · 08-07-2013, 04:57 AM

tried again.
this time i've re-sized the images in the htm (using word 2007) from 15cm to 25; now it fits the screen but i've got to work on the resolution.
the problem with the conversion is probably in the tablet output which doesn't re-size images (i've read somewhere to use this for the aura hd) but since the device has a 1080x1440 px i've got to use this until a new output profile for the aura hd comes out.
now i'm thinking of using the Irex Digital Reader 1000 (1024x1280 px) output profile and see.
or continue to use the tablet output and using photoshop to modify the images before the conversion to suit the aura resolution.

davidfor · 08-07-2013, 08:31 AM

Sorry, my suggestion was to get the device to do the resizing. Put the original images in the book and then use code that allows the images to be resized. This way you are not resizing the images each time you put them on a different reader.

tharael89 · 08-07-2013, 09:45 AM

do you have an example of the code to put and where?
i'm not really confident in coding

davidfor · 08-07-2013, 10:04 AM

The following is what I have gotten from the discussions here. From your first post, you cover is probably done like this already.

Code:

<svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 329 500" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink">
  <image height="500" width="329" xlink:href="../Images/cover.jpeg"></image>
</svg>

The height and lengths are the dimensions of the image.

tharael89 · 08-10-2013, 01:04 PM

ok. i've found a way to set the images in the right size.
but now i've a new problem.
when i convert the epub in kepub with sigil (adding the properties="cover-image" to the opf) and renaming with the .kepub.epub, i get a blank page right after the cover in what should be the "first chapter".
in the epub version this blank page there isn't (even after the properties add).
i'm thinking that there is some code generated from the word->filtered html->calibre that the kobo reader reads as blank.
just to be clear. the first page of the book is an image followed by other images
if someone know if there is something i can do to "delete" this blank page that appears in the kepub i'll be eternally grateful

here the code of the first split

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>
  <meta content="Microsoft Word 12 (filtered)" name="Generator" />

  <title>Sconosciuto</title>
  <link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" />
  <link href="../Styles/page_styles.css" rel="stylesheet" type="text/css" />
</head>

<body class="calibre" link="blue" vlink="purple">
  <div class="WordSection">
    <p class="MsoNormal"><img alt="001-002.jpeg" class="calibre1" id="Immagine 0" src="../Images/image001.jpg" /></p>

    <p class="MsoNormal"><img alt="003-004.jpeg" class="calibre1" id="Immagine 1" src="../Images/image002.jpg" /></p>

    <div class="calibre2" id="calibre_pb_0"></div>
  </div>
</body>
</html>

davidfor · 08-12-2013, 04:55 AM

Kobo uses a completely different renderer for epubs and kepubs. With that source, I suspect that the first image is big enough to reach the end of the page and either there is a tiny bit of the image on the second page, or the renderer thinks it needs space for it on the next page. Wrapping the image in the sample code above, should prevent this.

For anything beyond that, I would need to see the epub.

tharael89 · 08-12-2013, 11:42 AM

so it's probably a resize problem.
i thought it would be simpler to modify the images before inserting them than entering in the code.
ok. next i'll try to wrap all images in the svg code.
thx

tharael89 · 08-12-2013, 03:13 PM

done.
now it works fine

it's a pain to go and correct the code with the dimension of the images but it's still better than seeing a blank page right after the cover.
would it be possible to create directly a kepub output that wraps all images in svg code or it's pretty difficult to make?

anyway thx for helping

DoctorOhh · 08-14-2013, 05:28 AM

Quote:

Originally Posted by tharael89

would it be possible to create directly a kepub output that wraps all images in svg code or it's pretty difficult to make?

I'm sure it may be possible. Maybe I don't understand the question, but many books have small images for separators or first letters in chapters etc... if they were stretched full screen it would screw things up.

08-06-2013, 04:04 PM	#1
tharael89 Enthusiast Posts: 26 Karma: 12 Join Date: Aug 2013 Device: kobo aura hd	kepub images hi everyone. i need a little help i've just bought my first e-reader, the kobo aura hd and i've tried to create some kepub for this device. for my first kepub i used a light novel in which there are some images at the start and in various places during the story. no problem. calibre is awesome and i can live with how the file got out but maybe i can get even more with a little knowledge my "problem" is with the images. in both the epub and kepub format i can't get them to be full page and the cover is full page only in the epub one probably because in the kepub one there is the book title. there is something i can do with calibre during or before the htm to epub conversion or do i have to use sigil? if i have to use sigil what do i have to do? edit: i used the tablet output profile during the conversion Last edited by tharael89; 08-06-2013 at 04:09 PM. Reason: more data

08-07-2013, 10:04 AM	#6
davidfor Grand Sorcerer Posts: 24,905 Karma: 47303824 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	The following is what I have gotten from the discussions here. From your first post, you cover is probably done like this already. Code: <svg xmlns="http://www.w3.org/2000/svg" height="100%" preserveAspectRatio="xMidYMid meet" version="1.1" viewBox="0 0 329 500" width="100%" xmlns:xlink="http://www.w3.org/1999/xlink"> <image height="500" width="329" xlink:href="../Images/cover.jpeg"></image> </svg> The height and lengths are the dimensions of the image.

08-10-2013, 01:04 PM	#7
tharael89 Enthusiast Posts: 26 Karma: 12 Join Date: Aug 2013 Device: kobo aura hd	ok. i've found a way to set the images in the right size. but now i've a new problem. when i convert the epub in kepub with sigil (adding the properties="cover-image" to the opf) and renaming with the .kepub.epub, i get a blank page right after the cover in what should be the "first chapter". in the epub version this blank page there isn't (even after the properties add). i'm thinking that there is some code generated from the word->filtered html->calibre that the kobo reader reads as blank. just to be clear. the first page of the book is an image followed by other images if someone know if there is something i can do to "delete" this blank page that appears in the kepub i'll be eternally grateful here the code of the first split 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> <meta content="Microsoft Word 12 (filtered)" name="Generator" /> <title>Sconosciuto</title> <link href="../Styles/stylesheet.css" rel="stylesheet" type="text/css" /> <link href="../Styles/page_styles.css" rel="stylesheet" type="text/css" /> </head> <body class="calibre" link="blue" vlink="purple"> <div class="WordSection"> <p class="MsoNormal"><img alt="001-002.jpeg" class="calibre1" id="Immagine 0" src="../Images/image001.jpg" /></p> <p class="MsoNormal"><img alt="003-004.jpeg" class="calibre1" id="Immagine 1" src="../Images/image002.jpg" /></p> <div class="calibre2" id="calibre_pb_0"></div> </div> </body> </html> Last edited by tharael89; 08-12-2013 at 03:33 AM. Reason: first code was of a different file not filtered

Similar Threads
Thread	Thread Starter	Forum	Replies	Last Post
To KePub or not to KePub	jgoguen	Plugins	11	07-04-2013 07:13 AM
kepub problem	John F	Kobo Reader	12	05-17-2013 10:17 AM
Kepub Plug in	moofychops	Kobo Reader	4	04-30-2013 05:09 PM
Kepub - how does it work?	Lynx-lynx	Kobo Reader	5	01-31-2013 06:09 AM
Glo KePub vs ePub	Big McLargeHuge	Kobo Reader	11	11-16-2012 08:10 PM

08-06-2013, 08:02 PM	#2
davidfor Grand Sorcerer Posts: 24,905 Karma: 47303824 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	Without seeing it, the images have probably been inserted in a way that doesn't automatically resize them to fit the screen. The cover image is probably defined inside an SVG wrapper that does the resizing. Editing the epub and changing the other images to code that is similar code to that used for the cover is probably the way to get what you want.

08-07-2013, 04:57 AM	#3
tharael89 Enthusiast Posts: 26 Karma: 12 Join Date: Aug 2013 Device: kobo aura hd	tried again. this time i've re-sized the images in the htm (using word 2007) from 15cm to 25; now it fits the screen but i've got to work on the resolution. the problem with the conversion is probably in the tablet output which doesn't re-size images (i've read somewhere to use this for the aura hd) but since the device has a 1080x1440 px i've got to use this until a new output profile for the aura hd comes out. now i'm thinking of using the Irex Digital Reader 1000 (1024x1280 px) output profile and see. or continue to use the tablet output and using photoshop to modify the images before the conversion to suit the aura resolution.

08-07-2013, 08:31 AM	#4
davidfor Grand Sorcerer Posts: 24,905 Karma: 47303824 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	Sorry, my suggestion was to get the device to do the resizing. Put the original images in the book and then use code that allows the images to be resized. This way you are not resizing the images each time you put them on a different reader.

08-07-2013, 09:45 AM	#5
tharael89 Enthusiast Posts: 26 Karma: 12 Join Date: Aug 2013 Device: kobo aura hd	do you have an example of the code to put and where? i'm not really confident in coding

08-12-2013, 04:55 AM	#8
davidfor Grand Sorcerer Posts: 24,905 Karma: 47303824 Join Date: Jul 2011 Location: Sydney, Australia Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos	Kobo uses a completely different renderer for epubs and kepubs. With that source, I suspect that the first image is big enough to reach the end of the page and either there is a tiny bit of the image on the second page, or the renderer thinks it needs space for it on the next page. Wrapping the image in the sample code above, should prevent this. For anything beyond that, I would need to see the epub.

08-12-2013, 11:42 AM	#9
tharael89 Enthusiast Posts: 26 Karma: 12 Join Date: Aug 2013 Device: kobo aura hd	so it's probably a resize problem. i thought it would be simpler to modify the images before inserting them than entering in the code. ok. next i'll try to wrap all images in the svg code. thx

08-12-2013, 03:13 PM	#10
tharael89 Enthusiast Posts: 26 Karma: 12 Join Date: Aug 2013 Device: kobo aura hd	done. now it works fine it's a pain to go and correct the code with the dimension of the images but it's still better than seeing a blank page right after the cover. would it be possible to create directly a kepub output that wraps all images in svg code or it's pretty difficult to make? anyway thx for helping

Advert

Advert