Epub on IPad: SVG-graphics don't show.
 

Hi there,

We are producing ebooks in the epub-format for our customer. They want to read it on the IPad. The books contain a lot of tables and graphics. The only suitable way to show these are SVG-files.

In Adobe Digital Editions everything is fine. The SVG-graphics are visible and scalable.
But on the IPad the graphics are not visible (only a lot of white space).
We don't have an IPad so I'M not sure with what our customer has opened the epub?!

Does someone has an idea/solution?

Thanks

Did you find an answer to your problem as yet? I've just started experimenting and the vector only files are fine on the iPad but only white space when the svg contains a bitmap as well.
Looks OK on ADE though. No good in Calibre either.

There are useful ePub resources at http://www.pigsgourdsandwikis.com/ and Liz has also written a valuable book "EPUB: Straight to the Point" that may help. Somewhere in there may be a tip on what works and doesn't work image-wise on iBooks?

I have a solution.. use the txtr app for the iPad. It uses ADE and SVG should work fine.

I don't think this is a solution. We produce epubs for our customers and we have no influence on what they do with it or which app they use to read it.
Thanks anyway.

Sample
 

This is the svg I use to put the front page on my scanned books.

It may well be that your requirement is more complex, but perhaps this will help. Oh FlightCrew (new ePubValidator) has told me to put the <svg ..> in <div></div>, but I've not got round to it yet

<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 600 800" preserveAspectRatio="xMidYMid meet">
<image width="600" height="800" xlink:href="cover.jpg"/>
</svg>

And - buy an iPad! They're really nice!

Iain

Thanks for the suggestion. I've devoured most of Liz's ePub book a couple of times now and searched her site. I'll keep trolling through these threads. I'm bound to find someone that's got an answer.

Are you getting any SVG errors when you validate the ePub? I had some white space issues until I fixed some errors in my SVG files which showed up when validating.

# ERROR: svg-test.epub/OEBPS/images/svg-image-test.svg(30103): 'OEBPS/images/data:image/jpeg;base64,/9j/4AAQSkZJRg . . . .etc etc several hundred lines of text then . . . . . k9yfU9Mf/ 2Q==': referenced resource missing in the package

Yep. it looks like the jpeg I embedded into the illustrator file that was placed into InDesign isn't found by the SCV. (from my little knowledge)

Does someone know a fix that doesn't require editing SVG code inside the exported xhtml file? Otherwise I'll just revert to jpegs.

@ george3200
 

Any luck yet with the iPad images?

I have a 3 column list --- item, properties and description with a picture under the item.

It's set in a table and works in every PC viewer I have. In iBooks images in the tables (any images) are not displayed.

Also ADE doesn't display row background colours which is a shame because the tables look good in iBooks otherwise

I posted the files today for people to have a look at. Hopefully someone wiser than me will enlighten us.

https://www.mobileread.com/forums/sho...d.php?t=105466

Hi guys,

i have the same problem with svg contains images, only white space instead of images!
Do you have found a solution?
Thanks a lot :thumbsup:
Goodbye

No mate, sorry. I completely gave up on SVG because it required coding which wasn't necessary with other graphics. It's outside my comfort zone. There are plenty of people here that will help you if you need to use SVG. Just start a new thread. Welcome to Mobile Read airtek.

Got SVG to show in iBook Author on an iPAD
 

The only way I have been able to get an SVG to show as desired is to export the SVG in its <svg> tags and then load it into IBA using the HTML widget. Hope this helps!

What is IBA? Too many TLA's.

iBooksAuthor?