Skalierbare Images in ePubs

Hier ein kleiner Code- Schnipsel, wie man Bilder in ePubs mit einem SVN- Wrapper besser skalieren kann:

<?xml version="1.0" encoding="UTF-8"?>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
 
<html xmlns="http://www.w3.org/1999/xhtml">
 
<head>
 
<title>Tables Issue</title>
 
<link rel="stylesheet" type="text/css" href="sample.css"/>
</head>
 
 
<body>
 
<h2>Table With Images</h2>
 
<table border="1">
 
<tr>
 
<td align="center" valign="top">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50%" height="50%" viewBox="0 0 300 270" preserveAspectRatio="xMidYMid meet">
 
<image width="354" height="270" xlink:href="images/image1.jpg" />
 
</svg>
 
<!--img border="0" src="images/image1.jpg" width="354" height="270"/-->
 
</td>
 
<td align="center" valign="top">
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="50%" height="50%" viewBox="0 0 300 270" preserveAspectRatio="xMidYMid meet">
 
<image width="360" height="270" xlink:href="images/image2.jpg" />
 
</svg>
 
<!--img border="0" src="images/image2.jpg" width="360" height="270"/--></td>
 
</tr>
 
<tr>
 
<td width="50%" align="center" valign="top">Reader</td>
 
<td width="50%" align="center" valign="top">Tree</td>
 
</tr>
 
</table>
 
</body>
 
</html>