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>