EPUB to PDF - force image to be fit within single page

[Douman]

I normally prefer to convert my japanese books to pdf (allows me to force particular text orientation despite the device and handles furigana better)
But I encountered some issue with relatively big images being split across two pages, which I really don't like as it kinda ruins illustrations.

Sadly I do not see any option that would help to control how images are placed in pdf or at least forced to stay within single page.
So I hope maybe someone here have advise?
Thank you.

P.s. with epub my reader renders these images just fine without breaking anything (they are contained within single page)

[kovidgoyal]

Use something like:

img { max-height: 95vh !important}

in the extra css section of the conversion dialog.

[Douman]

Originally Posted by kovidgoyal

Use something like:

img { max-height: 95vh !important}

in the extra css section of the conversion dialog.

Yeah I also considered to try to limit img height myself, but sadly it didn't really work well.
I unzipped original epub to check dimensions and it is 1443x2048 and I have feeling when it renders onto pdf it just splits based on these dimensions
Probably in worst case I can just manually edit these epubs...

[kovidgoyal]

what happens when you try it?

[Douman]

Regardless of how I change max-height the image is rendered in the same way as it was originally.
I even tried to set it to simply 40%, but visually it looks the same size (still broke onto two pages)

[kovidgoyal]

what happens if you use 200px and what exactly are you putting in extra css?

[Douman]

Hm interestingly enough setting precise px value makes image smaller.

I'll probably have to adjust it for every book.
Probably smaller `vh` would work too, but I'm actually not sure what is viewport size in case of calibre.

Anyway, thanks.

[kovidgoyal]

There is no viewport size, conversion to PDF happens via chromium's print to pdf feature. so the viewport is the page, and 95vh should work, no idea why it doesnt, you might need to add display:block to it as well.