can I use SVG images in mobi?

[sarah_pnix]

Sorry, this seems like such a simple question, but I can't seem to find a simple answer. I realize the new KF8 format supports SVG, but can I use SVG images in the regular mobi 7 format?

[HarryT]

No, you can't. JPEG or GIF only.

[dgatwood]

That said, if KF8 supports SVG, you should be able to take advantage of the <object> tag's fallback behavior to supply SVG content for the KF8 side of things and non-SVG content for traditional MOBI. For example:

<object data="path/to/foo.svg">
<img src="path/to/foo.jpg">
or other arbitrary HTML here
</object>

[FunkeXMix]

From my tests with SVG in Kindle Previewer - old Kindle emulation, I saw that it did not show the SVG graphics but it did show text within the text tags, I could even control the alignment of it by wrapping the SVG in div tags and applying CSS:

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"
width="100%" height="100%" x="0" y="0%" viewBox="0 0 600 800" preserveAspectRatio="xMidYMid meet" >

<g id="hidden_full_text">
<text transform="matrix(1 0 0 1 430.5 531.7754)" fill="#BF0A1E" font-family="'MyriadPro-Regular'" font-size="1">EDITOR'S LETTER</text>
</g>

</svg>

[dgatwood]

You can also wrap the SVG version and a non-SVG version in separate divs with separate classes and use CSS to determine which one gets shown, e.g.

@media amzn-mobi {
        .kf8only {
                display: none;
        }
        .mobionly {
                display: inline;
        }
}

@media not amzn-mobi {
        .kf8only {
                display: inline;
        }
        .mobionly {
                display: none;
        }
}