Quote:
Originally Posted by kovidgoyal
It works only with the standard recommended markup for displaying full screen images using an SVG tag. Nothing else. And max-width/height only prevent an element from being larger than the specified amount they do not control its size.
|
I resize
by coding every image to get the size I want with percentage of the screen not with pixel (width=25% not width=120px or whatever). Since I'm often using images with larger size than the kobo screen. max-width and max-height work well in those circumstances to assure that the image is fully display.
For an image with height superior to its width:
height: 100%;
width: auto;
max-height: 100%;
I'm also using "tablet" as Page setup when I convert book.
As for svg I use it only when I want to be able to enlarge the image during lecture (maps for example) and sometimes for the cover.
You understand that I am not trying to produce the smallest file available.