Images in web pages can be linked via absolute or relative references or they can be embedded directly in the web page using a data-uri scheme. All of these methods are supported. In addition, modern browsers make significant use of SVG as a format that can be directly included in the page. This is why we selected XSL FO for back-end processing of the information. XSL FO and specifically XEPOnline supports SVG not by converting the SVG to an image, but by processing SVG to the output, retaining all the vector-based information.
This is a static SVG inserted directly in the HTML page.
This is a PNG inserted using
"src" attribute of the
<img> tag. When formatting, XEPOnline needs to be able to
access the image in question so the path of the web page is sent using xml:base to
provide XEPOnline with the ability to resolve the path to the image.
"src" attribute and eliminate the need for XEPOnline to reach back
to your server for the image assets.
<img> also requires special handling because HTML5
allows non-closed tags. Since XSL FO is an XML-based processing solution, the
Take special care if using auto-scaling of images. If you desire an exact size of the image, it should be specified in the HTML or css. The width is carried through to the PDF. The following two images are one locally referenced on the submit website and the same image remotely referenced.
This image of a folder icon is directly in the web page as base-64 encoded.