:welcome:
I am looking for an easy recipe to embed images (covers & others) into ePubs. It should be Aspect Ratio correct & stabil.
This code or similar is very usual - but for me incomprehensible & doesn't fit the requirements.
After much testing I create a very simple code: (looks too simple :cool:).
Works generally fine, but not 100% - and I can't find out why!
Another way of writing the same code
I am looking for an easy recipe to embed images (covers & others) into ePubs. It should be Aspect Ratio correct & stabil.
Code:
<div>
<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 500 751" preserveAspectRatio="none">
<image width="500" height="751" xlink:href="cover.jpeg"/>
</svg>
</div>After much testing I create a very simple code: (looks too simple :cool:).
Works generally fine, but not 100% - and I can't find out why!
Code:
<body>
<img src="cover.jpeg" max-width="100%" height="100%"/>
</body>Code:
body {
font-family: Arial, sans-serif;
display: block;
margin: 0;
}Spoiler:
![[PaleoEntomology • 2026] Icaroramus perisi • A Firefly Relative that Smelled...](http://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5bmeWBxzM9sXYS4nxbJckrESGhnkxMYJDjmahbourFKsWjsKzRyV4Qs2eIaVmvby__jIuSAL1HrRvY6qUOmSyX9rIaFTzxUhlS4y0igxil5EyIt5v3_OmTtguUaHfXPhyphenhyphen1YYuKaqADRI0GIKhVEb55scwKbXYc0DQTgGafFWM7O27jiKGiRBONjlLBRA/w400-h283/Icaroramus_perisi-novataxa_2026-Li_Kundrata_Cai.jpg)
