SVG Graphics

<< Click to Display Table of Contents >>

Navigation:  Reference > Project Content > Graphics, Videos and OLE Objects >

SVG Graphics

Vector-based SVG graphics files are very useful for responsive designs because they are compact and can be scaled without any loss of quality. You can insert them directly in your topics just like any other graphics files. How they are supported and handled in individual output formats varies slightly, however.


Both uncompressed SVG and compressed SVGz graphics are exported directly as the original files in WebHelp. In addition to this, each image has a PNG fallback image that is displayed in older browsers that do not support SVG.


SVG graphics are exported to CHM if the skin or template includes the following line in the HTML Page Template:

<meta http-equiv="X-UA-Compatible" content="IE=9" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />

If this line is missing or if the IE level is set to 8 or lower, the CHM viewer will not support SVG and the SVG graphics will be converted to PNG on export.

Word DOCX:

Word does not support SVG. SVG graphics are converted to PNG files for export to Word DOCX.

Adobe PDF:

SVG graphics are exported to PDF if possible (if they are not too complex). More complex SVGs will be exported to PNG with alpha transparency, which is supported natively in PDF.

EWriter eBooks:

Same support as in WebHelp (EWriter is WebHelp in a single file with an embedded viewer).

ePUB and Kindle eBooks:

SVG graphics are supported natively in these formats.