Image display problems

[roger64]

Originally Posted by JSWolf

It depends on the resolution of the images and the code used to display the images.

But if it was only so, some images would surely display full page. Now, for me, no one does... Some koreader code somewhere blocks the display and it seems it's not in ../data/cr3.ini.

Some months ago, I had full screen image display. A rigid kind of display but a full screen one.

EDIT: Joint here, an example of what I get. It's the same with integrated style or customized one (after I tweaked the epub.css stylesheet.). Stamp size, really?

[pkbo]

And what is original image size? I.e. how will it look with scaling off? Small picture scaled to whole page would look bad. crengine has compile time constant that limits scaling factor MAX_IMAGE_SCALE_MUL which is 2 by default, if I remember correctly. It can be increased to 3. Don't know how crengine for KOReader is built.

[roger64]

Hi

The size of this particular image (not including caption) is 365×480px. I have some others, whose width is between 317 to 386 (height stays at 480) which are also displayed stamp size.

These are the current values in cr3.ini. (to tell the truth I do not understand how it's supposed to work) I tried different ones between 0 and 2, to no avail...

Spoiler:

crengine.image.scaling.zoomin.block.mode=2
crengine.image.scaling.zoomin.block.scale=2
crengine.image.scaling.zoomin.inline.mode=2
crengine.image.scaling.zoomin.inline.scale=0
crengine.image.scaling.zoomout.block.mode=2
crengine.image.scaling.zoomout.block.scale=2
crengine.image.scaling.zoomout.inline.mode=2
crengine.image.scaling.zoomout.inline.scale=0

[pkbo]

So, the image is unscaled then. Could it be that this image is inline? Although this image doesn't look like it is inline. This is the only reason I can think of why it is not scaled. Because in your setting zoom is turned off for inline images only.

[roger64]

I tried again, selecting a 2 instead of 0 in the above values. To say it otherwise, everything is now set at 2. It changes nothing for the display.

Further down, css and html related code.

Spoiler:

div.img {
text-align: center;
text-indent: 0;
margin: 0;
padding: 0;
}

<div class="img">

<img alt="commandant Henry" style="max-width:75%" src="../Images/Image-02.jpg"/>

</div>

<p class="caption">Le commandant Henry</p>

[djalma]

Originally Posted by roger64

Hi

The size of this particular image (not including caption) is 365×480px. I have some others, whose width is between 317 to 386 (height stays at 480) which are also displayed stamp size.

These are the current values in cr3.ini. (to tell the truth I do not understand how it's supposed to work) I tried different ones between 0 and 2, to no avail...

Originally Posted by roger64

I tried again, selecting a 2 instead of 0 in the above values. To say it otherwise, everything is now set at 2. It changes nothing for the display.

Further down, css and html related code.

Spoiler:

div.img {
text-align: center;
text-indent: 0;
margin: 0;
padding: 0;
}

<div class="img">

<img alt="commandant Henry" style="max-width:75%" src="../Images/Image-02.jpg"/>

</div>

<p class="caption">Le commandant Henry</p>

Extracted from #2017 that isn't related to this (in a exact way):

Originally Posted by frankyifei commented 11 days ago • edited

it disabled zoom in of low resolution image from that version. So try to use a higher resolution image for cover

I think that since 2015-11-31X they (devs) changed the koreader's behaviour related to this:
#1969
#1980

Regards.

[roger64]

Thanks for your information.

I did a little experiment using an excellent illustrated EPUB that has been published here (Claudio Bombarnac) and I made a comparison with the integrated style activated or not (screenshot 1 and 2).

It seems that the Koreader software takes correctly into account the following CSS: width:80% for the top image and width: 5em for the lower one when using the integrated style while the display of the non integrated style stays very poor.

The image sizes are 310×438 for the top one and 400×157 for the lower one (small train).

I will try to use width instead of max-width which seems to be unsupported. I know also that the property float is unsupported.

[roger64]

To follow on this.

I managed to get a full page display with a non activated style, by choosing a style sheet to display (say epub.css) and adding to it a value of width:100%. like this

img { 
	text-align: center; 
	text-indent: 0px; 
	display: block;
	width:100%; 
}

However, as you can imagine this works well only for some images. Others can be very distorted... One size cannot fit all.

Further Koreader ignores how to display svg image wrappers and display their images stamp size.

Image support seems to be very incomplete.