Quote:
Originally Posted by stumped
i have an epub ( was epub 3 but I converted to epub 2 ) which has many large PNG images
the authors intent, I believe is to display each image as a single "page" - that is how they are in the matching paperback version.
sigil reports the properties for a randomly selected one as
1236 x 1900 colour 24bpp
these are problematic in almost all apps and viewers. ADE does not scale them to screen, moon+ reader renders them as tiny little squares ( but will expand then if double clicked ). only Bookari seems to handle them well
I am not sure of the root cause or of the simplest fix.
is it because thay are .PNG or simply because they are large, or because they are coded with div, not with SVG ?
the relevant code for each display is div class="image-full"...<img....
defined as
.image_full {
clear: both;
display: block;
height: 98vh;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
padding-bottom: 0;
padding-left: 0;
padding-right: 0;
padding-top: 0;
page-break-inside: avoid;
text-align: center;
width: 100%
}
can I improve the rendering via code or CSS tweaks , or must I remove, shrink,replace each image ? |
there is no CSS selector for img?
If not, try to remove the height: 98vh; and add:
.image_full img {width:100%}
And see what is gonna happen.