I did a book for a friend; the book has photos, but they're not the best quality, so I put them in SVG wrappers to prevent upsampling. The wrapper is the standard fare:
Code:
<div class="Image">
<svg xmlns="http://www.w3.org/2000/svg" style="max-width:720px; max-height:960px" width="75%" preserveAspectRatio="xMidYMid meet" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" viewBox="0 0 720 960" > <image alt="" width="720" height="960" xlink:href="../Images/cover.jpg"></image>
</svg>
</div>
Everything works fine and looks great in ADE, Kobo, Aldiko, Nook for PC. But when viewed on my friend's Mac in iBooks, the pictures are all cut off (only about 25% displays). He has also heard from a friend who bought his book that text is overlapping the pictures in his Sony reader.
I have heard that some devices have issues with SVG wrappers, but I'm stumped about iBooks.
I'm not sure if this is part of the issue, but when I code the books as such in Sigil for PC, the SVG wrapper remains as is. But when opened/saved in Sigil for Mac, the style is removed and turned into this and added to the header code:
Code:
<style type="text/css">
svg.sgc-1 {max-height:960px; max-width:720px}
</style>
Any ideas anyone?