Quote:
Originally Posted by RbnJrg
SVG wrappers can be also used for half size images and they don't necessarily have to be 100% screen height (in fact, in my examples I used SVG wrappers); maybe you don't know yet how to use them in the best way and for that reason you prefer to employ the <img> tag. SVG wrappers are a powerful tool that solve problems that can hardly be fixed through the <img>. But since we didn't see any examples of the images you're using or your epub layout, it's not possible to say whether it's better to use <img> or <svg> in your case. Could you post and example (a screenshot will work) of the images are you using and the text surrounding them? Of that way would be easier to us to help you better.
|
These are the sample images that we are using for testing. All images are PNG files and include shapes, letters, and numbers.
To make things easier, all images will have the same width: exactly 1240 pixels. The height will be different for each image but always less than 900 pixels.
Please note that these PNG images have been optimized using TinyPNG (
https://tinypng.com).
The epub layout is simple. The text is above the image and below the image. There is no text on the left or right side of any image. The images do not have captions.
I heard that things like vw, vh, and SVG wrapping are mostly used by Apple. Other platforms like KDP, Kobo, and Nook don’t support them very well.