View Full Version : ePUB comic test


Jellby
05-22-2009, 01:14 PM
Hi, this is a test of a comic in ePUB format. It's only the first 6 strips of Krazy Kat available from the Comic Strip Library (http://www.comicstriplibrary.org/). Since reading the whole page at the same time would be hard in 6" readers, I decided to put each panel on a separate page, this has the advantage of not seing what'll happen in the story until you reach there. A small image of the whole page is shown at the beginning of each strip, it is an image map where each panel links to the large version, but I don't know if any ePUB reader supports image maps.

Comments? Suggestions?

P.S. I've just tried with ADE and only the first and last items of the TOC are working, I can't see why :blink:

Valloric
05-22-2009, 03:36 PM
P.S. I've just tried with ADE and only the first and last items of the TOC are working, I can't see why :blink:

Unless I'm missing something, the TOC works fine in ADE. I can click on every entry from 23 April to 28 May and it jumps to the correct comic.

[Vista SP1 64bit; also, ADE v1.7.1.1085]

gwynevans
05-22-2009, 05:18 PM
Works here too, but it might be that if the ADE's not got a big enough window, jumping to some pages just shows the header then there's a page split, so it appears blank?

Jellby
05-23-2009, 06:20 AM
Strange, it works fine now. The window was big enough, it was just the TOC links doing nothing, but it seems it was a temporary problem.

Do you think this is a good system for comics, at least for these comics?

Jellby
06-23-2009, 08:36 AM
I think it was a problem with the anchor names starting with a number (that's not allowed).

This is a larger file with more strips... Any comments? Is it worth to continue with this "project"?

Jellby
06-27-2009, 06:52 AM
No one? :huh:

Jaro
06-27-2009, 11:36 AM
I have used sony eBook library to get it into my prs 505. It looks very nice.But the second part-some pictures have grey background.

Jellby
06-27-2009, 11:56 AM
I have used sony eBook library to get it into my prs 505. It looks very nice.But the second part-some pictures have grey background.

Can you tell me which ones? I feel the PNG support in the ADE engine (which Sony uses) is not complete, and I tried to optimize the size of the PNGs without reducing the quality...

Jaro
06-27-2009, 12:15 PM
page 2 the good one is 12
page 5 the good one is 18
page 8 no one picture is without grey
page 13 the good one is 5
page 16 the good one is 11
page 18 no one picture is without grey
Its readabile and the gray backgroud difer in intensity.

Jellby
06-29-2009, 07:32 AM
I think the problem appears when an image has less than 16 (?) colours, and I'm sure it's a bug in ADE, at least other browers and image viewers have no problem displaying those images.

Now, how should we report this to Adobe? (Peter?)

ralphsnart
02-12-2010, 01:51 PM
There's a ePUB comic book test here. (http://ralphsnart.blogspot.com/2010/02/epub-comic-book-template.html)

Anders
03-15-2010, 04:58 PM
Very interesting initiative. I have tried to find comics for ebooks some time.

I have made a epub of one of my comics. It is a "pantomime" comic, i.e. without words (that is how we call it in swedish, not sure you say that in english). Anyway it works fine in my prs300. I will publish it here on the site when I work out how to do that.

Generally speaking I think the japanese "manga" format should work fine on eReaders. No need to change the layout as it is already pocket book size.

Keep on the good work.

Anders
03-16-2010, 08:46 AM
I finally understood how to attach files. So here goes my epub comic. I made it from the template on http://www.jedisaber.com/eBooks/tutorial.asp

If anybody wants to try it, I will be glad to get comments. It works fine on my prs-300. But as it has one of the smaller screens on the market, I would be interested to hear how it goes on bigger screens.

I will also try using the templates from Jellby and ralphsnart in this thread to see if it looks better

charleski
03-17-2010, 10:09 AM
Looks good.
You might want to wrap the images in svg so that they scale and keep their aspect ratio whatever the aspect of the reader. Since your comic pages are all 449x649, try replacing the code of the body with
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 449 649" preserveAspectRatio="xMidYMid meet" >
<image width="449" height="649" xlink:href="images/h01.jpg" />
</svg>
(Obviously change the 'h01.jpg' to point to the right image in each case.)

There are a few things you need to tidy up:
1) Change the encoding directive in your xhtml files (it's the first line) from
<?xml version="1.0" encoding="iso-8859-1"?>
to
<?xml version="1.0" encoding="utf-8"?>
2) Remove all the unneeded files (toc blank.ncx etc), and definitely remove page-template.xpgt
3) Your xhtml files need a <title> element in the head, even if it's just blank, so add
<title />
to the heads of them all.
4) Your xhtml files don't actually load the css file and define all their styling information individually. You certainly want to change that. Remove
<style type="text/css" title="override_css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
div { margin: 0pt; padding: 0pt; }
</style>
and replace it with
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
You'll probably want to put the @page and body definitions in your stylesheet file.
5) You don't actually have a toc.ncx file. You need one, even if it only contains one navpoint. The media-type declared for it in the opf needs to be "application/x-dtbncx+xml"
6) The opf file needs to include all the jpegs in the manifest section.

Anders
03-17-2010, 10:22 AM
Thank you Charleski for having a look at it, and for all the advises.

I will try to make the changes this week-end. I am new to this. So far I just use other epub as templates and hope for the best. Really appreciate your help.

Anders
03-18-2010, 10:56 AM
Here comes the final version. Changes recommended by Charleski have been made.

A lot of thanks to him.

Logseman
03-18-2010, 11:38 AM
It reads fabulously here in my PB360. If you could bring more comics here I'd be glad, for they read superbly. However, I wonder how manga would fare like...

whickie
03-18-2010, 12:23 PM
I wrote a program to do all of this automatically. It's free and open source, and available here:

https://sourceforge.net/projects/comictoepub/

It automatically crops, rotates, and cleans up the images. I use it to read comics on my little Sony and 99% of them look fantastic.

Logseman
03-18-2010, 01:25 PM
Karming you like a beast. It reads fabulously in the MM!

Have you tried it with big files btw?

ralphsnart
03-19-2010, 07:53 AM
Looks good.
You might want to wrap the images in svg so that they scale and keep their aspect ratio whatever the aspect of the reader. Since your comic pages are all 449x649, try replacing the code of the body with
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="100%" height="100%" viewBox="0 0 449 649" preserveAspectRatio="xMidYMid meet" >
<image width="449" height="649" xlink:href="images/h01.jpg" />
</svg>
(Obviously change the 'h01.jpg' to point to the right image in each case.)

There are a few things you need to tidy up:
1) Change the encoding directive in your xhtml files (it's the first line) from
<?xml version="1.0" encoding="iso-8859-1"?>
to
<?xml version="1.0" encoding="utf-8"?>
2) Remove all the unneeded files (toc blank.ncx etc), and definitely remove page-template.xpgt
3) Your xhtml files need a <title> element in the head, even if it's just blank, so add
<title />
to the heads of them all.
4) Your xhtml files don't actually load the css file and define all their styling information individually. You certainly want to change that. Remove
<style type="text/css" title="override_css">
@page {padding: 0pt; margin:0pt}
body { text-align: center; padding:0pt; margin: 0pt; }
div { margin: 0pt; padding: 0pt; }
</style>
and replace it with
<link rel="stylesheet" href="stylesheet.css" type="text/css" />
You'll probably want to put the @page and body definitions in your stylesheet file.
5) You don't actually have a toc.ncx file. You need one, even if it only contains one navpoint. The media-type declared for it in the opf needs to be "application/x-dtbncx+xml"
6) The opf file needs to include all the jpegs in the manifest section.

I wouldn't wrap the images in SVG. Most readers won't anti-alias the images properly and it looks horrible as a result. Raster images only scale well down and not up, and even then, only when scaling down to 50% or 25% (and when you go down, the comic text is too small to read, hence the need to keep the images at same size). Why get rid of the template for ADE? Hey, is anyone bothering to validate their ePUBs?

whickie
03-19-2010, 12:29 PM
Karming you like a beast. It reads fabulously in the MM!

Have you tried it with big files btw?

ty!

It should work fine with big files. The images in the CBR/CBZ get resized to whatever resolution you specify (thats what the Max Size box does) and doesn't really care about how many pages are in the comic.

The only down side is that if comics have small fonts then it can be hard to read on my little Sony. I've tested it on A LOT of comics (a couple of hundred) and at least 95% of them come out looking nice. :)

charleski
03-19-2010, 04:10 PM
I wouldn't wrap the images in SVG. Most readers won't anti-alias the images properly and it looks horrible as a result.It looks fine in the embedded ADE on my 505. No problems with aliasing.

Why get rid of the template for ADE?If you don't expressly need one of the limited features provided by page-template.xpgt, then it's best to leave it out. The version that everyone seems to be using adds a 6em margin to the top of every flow, which would certainly not be suitable here.

One last small issue - Calibre had problems reading the in the title when I added it. I opened the opf file in Notepad++ and selected 'convert to UTF-8', saved it and that seemed to fix the issue. Whatever editor you use for ePubs, make sure it's operating in UTF-8 mode.

The Judge
04-06-2010, 03:16 PM
I wrote a program to do all of this automatically. It's free and open source, and available here:

https://sourceforge.net/projects/comictoepub/

It automatically crops, rotates, and cleans up the images. I use it to read comics on my little Sony and 99% of them look fantastic.

Not to go off topic, but I can't seem to get your program to work. Well it appears to work and output a valid epub file that I can open in calibre and read using the ebook viewer. But on opening it in my 505, it is nothing but blank pages. Tried a few different settings but nothing happens. At a bit of a loss really. If it matters, I'm running Win 7 Home Premium 64-bit.

whickie
04-09-2010, 09:38 AM
Not to go off topic, but I can't seem to get your program to work. Well it appears to work and output a valid epub file that I can open in calibre and read using the ebook viewer. But on opening it in my 505, it is nothing but blank pages. Tried a few different settings but nothing happens. At a bit of a loss really. If it matters, I'm running Win 7 Home Premium 64-bit.

Hi Judge,

When you open it in Calibre you see the images fine, but not at all on your Sony? Strange. All I can think is that maybe the images are corrupt or in a format your Sony isn't likeing. Send me a PM with your email address and I can have a look for you.

Win7 should work fine-- I've been using it on Vista 64.

Frank Lowney
04-12-2010, 08:08 PM
I'm looking at this with Stanza on MacOS X desktop. I see one frame and the TOC but the latter isn't hot in the sense that clicking on a TOC item does anything.