Thread: Aura H2O ePub Images Small
View Single Post
Old 09-18-2015, 10:31 PM   #8
davidfor
Grand Sorcerer
davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.davidfor ought to be getting tired of karma fortunes by now.
 
Posts: 24,905
Karma: 47303824
Join Date: Jul 2011
Location: Sydney, Australia
Device: Kobo:Touch,Glo, AuraH2O, GloHD,AuraONE, ClaraHD, Libra H2O; tolinoepos
Quote:
Originally Posted by elstoc View Post
Thanks, gave that a go too but still no joy. Part of my problem stems from the fact that the images are too small to start with (in the original epub) and I need to scale them up
Stick with the tablet profile. The main purpose of the profiles is to set the maximum size of the images. If you do a conversion, all images larger than this will be shrunk. Smaller images will not be touched. Not shrinking the images gives the best long-term results and flexibility.
Quote:
Originally Posted by elstoc View Post
Also noticing now that some of the smaller images seem chopped off at the edges in the H2O - an issue not dependent on the input profile. Looks fine in Calibre's viewer/editor.
For most images, I use the following code:

Code:
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="100%" height="100%" viewBox="0 0 963 1400" preserveAspectRatio="xMidYMid meet">
        <image height="1400" width="963" xlink:href="../images/cover.jpg"/>
      </svg>
The numbers have to be adjusted to match the size of the image. And it is usually wrapped in a div to centre it.

With this, if the image is to large for the screen, it is resized to fit. If it is to smaller than the screen, it will simply be centred. There are probably ways to change this to have smaller images fill the screen, but I have played with that.
davidfor is offline   Reply With Quote