Quote:
Originally Posted by omnimodis78
Oh, I understand. But, is there no way to universally ensure that these images show up full screen? I mean if Calibre's ebook reader can do it, why can't Kobo's engine handled it universally?
|
If the image is not set with a height/width/svg wrapper, it will display at it's native resolution. That is, a 600x800 image will be full screen on a Touch/Mini, take up about 78% of the screen width/height on a Glo/Aura (758x1024) and about 55% of the screen width/height on an Aura HD (1080x1440).
For small images, I use a chunk of code in multiple versions to keep images about the same size. I base the percentage on a 600x800 screen. For instance for an image that is 360 x240, I would use glyphw60 as class since the image is about 60% of the 600. For an image that was 120x480, I'd use the glyphh60 class as 480 is about 60% of the 800. The glyph items live in the stylesheet, the last <p></p> is a sample of what the code looks like in the epub.
Code:
.glyphw60 {
margin : auto;
text-align : center;
height : auto;
width : 60%;
}
.glyphh60 {
margin : auto;
text-align : center;
height : 60%;
width : auto;
}
<p class="imgctr"><img alt="Viper" class="glyphw66" src="../Images/00006.jpg" /></p>
This does take some work editing the epub but since I edit most non-DRMed epubs, it takes relatively little additional effort to improve the images at the same time. This also allows me to correct the ebooks where sloppy work has images and titles on separate pages -- one ebook had page-break-after: always; as part of their code to center images on a page so even a tiny image was followed by a new page.
Regards,
David