Fixed layout ePub converted from AZW3 displays black pages

[tomsem]

I am trying to convert a manga AZW3 to ePub. The conversion is 'successful', and calibre viewer displays something (but with issues), but Apple Books and Thorium Reader only show black pages.

It seems perfectly okay when converted to KEPub for Clara Colour, but sending it 'as is' to my PB InkPad Color 3, it includes a black rectangle with the image overlaid on top of it (resulting in 2 pages) and I don't know what accounts for that (if I convert to PDF with calibre this black rectangle shows in the same way). It also has black rectangles in calibre viewer (resulting in 2 pages).

(I edited the AZW3 to add ToC entries before conversion.)

I have tried both calibre direct conversion and also KindleUnpack's, with the same symptoms.

I am able to produce a 'working' ePub using Kindle Comic Converter with extracted images, but page order is all messed up because the image numbering in the AZW3 does not follow the page sequence.

The HTML in the AZW3 is different than that from the other manga AZW3's that convert well: the latter have 2 top-level <div> tags, each of which contains <img> tag for the page image in each. The AZW3 that converts to 'black rectangle' ePub has only the first of these <div> sections.

I have 2 ideas for workaround:

1. Rename image files using a script to read the manifest in metadata.opf to determine order and generate ePub with KCC. (but need to match spine id to an html file and read image filename from the <img> tag there, or just trust that html filenames sort into the correct order)

2. convert to KePub and back to ePub. <-did not work

[kovidgoyal]

Either the inmages are in a format apple books and thorium dont like or there is some css they dont like. do an image conversion to png for one of the internal images and see if it works and delete the css stylesheet and see if it works.

[tomsem]

Originally Posted by kovidgoyal

Either the inmages are in a format apple books and thorium dont like or there is some css they dont like. do an image conversion to png for one of the internal images and see if it works and delete the css stylesheet and see if it works.

Yes, those are just worst case, where black is 'foreground'. Calibre viewer and PocketBook also display black 'background' rectangles and I cannot account for where those come from. The CSS seems pretty basic. The images themselves are not the issue.

I think it is some styling in the HTML files, but there are 200 of them. So it looks like it is either going to involve updating all of the HTML files, or renaming the images so they are in the proper sort order, and then building an ePub from those.

I'll try to create a minimal example that demonstrates the issue.

[DNSB]

Last time I edited an ebook with over 100 stylesheets, they were identical and short. All the real styling was done using a mix of styles declared at the start of each text file and inline styles.

Here's what there were 173 stylesheets worth of:

@page {
  padding: 0pt;
  margin: 0pt;
}

body {
  text-align: justify;
  padding: 0pt;
  margin: 0pt;
}