Altova StyleVision 2024 Professional Edition

Image Types and Output

Home Prev Top Next

The table below shows the image types supported by StyleVision in the various output formats supported by StyleVision. Note that different editions of StyleVision support different sets of output formats: Enterprise Edition, HTML, Authentic, RTF, PDF, and Word 2007+; Professional Edition, HTML, Authentic, RTF; Basic Edition, HTML.

 

Image Type

Authentic

HTML

RTF

PDF

Word 2007+

JPEG

Yes

Yes

Yes

Yes

Yes

GIF

Yes

Yes

Yes

Yes

Yes

PNG

Yes

Yes

Yes

Yes

Yes

BMP

Yes

Yes

Yes

Yes

Yes

TIFF

Yes*

Yes*

Yes

Yes

Yes

SVG

Yes*

Yes*

No

Yes

No

JPEG XR

Yes

Yes

No

No

No

 

* See notes immediately below

 

Note the following points:

 

In Design View, images will be displayed only if their location is a static URL (i.e. directly entered in the SPS).

For the display of TIFF and SVG images in Authentic View and HTML View, Internet Explorer 9 or higher is required.

In RTF output, TIFF images can only be linked, not embeded. So re-sizing is not possible.

SVG documents must be in XML format and must be in the SVG namespace.

FOP reports an error if an image file cannot be located and does not generate a PDF.

If FOP is being used to produce PDF, rendering PNG images requires that the JIMI image library be installed and accessible to FOP.

For more details about FOP's graphics handling, visit the FOP website.

 

Example file

An example file, Images.sps, is located in the folder:

 

C:\Documents and Settings\<username>\My Documents\Altova\StyleVision2024\StyleVisionExamples/Tutorial/Images

 

Image resizing in RTF output

Resizing an image in the RTF output is only supported for JPG and PNG images. The following points should be noted:

 

Resizing is supported only in designs that use XSLT 2.0 or XSLT 3.0, not XSLT 1.0

The height and width attributes of the image must be set in the Details group of the Styles sidebar. The height and width attributes in the HTML group of the Properties sidebar are not used.

Only absolute units (px, cm, in, etc) are supported. Percentage values and auto are not supported.

JPG and PNG images are embedded in the RTF file. This embedding is implemented using a proprietary Altova XSLT 2.0 extension functionality.

 

Image embedding in RTF

In the RTF output, images can either be embedded (when XSLT 2.0 or XSLT 3.0 is used) or linked. This setting is made for each SPS individually.To embed images, do the following:

 

1.With the required SPS active, open the Properties dialog (File | Properties).

2.Check the Embed Images check box (default setting is checked). Note that images will only be embedded if XSLT 2.0 or XSLT 3.0 is set as the XSLT version of the active SPS.

3.Click OK and save the SPS. The setting is saved for the active SPS.

 

To make this setting for another SPS, make this SPS active and repeat the steps listed above.

 

If the Embed Images check box is not checked, images will be linked according to the image file path specified in the images properties (select the image and select URL in the Properties sidebar). For information about how paths are resolved, see the section Image URIs.

 

Note: The RTF format supports embedded images only for EMF, JPG, and PNG files.

 

SVG images in HTML

When an external SVG file with code for mouse events is used as an image, the SVG file is rendered within the image and will no longer be interactive. This limitation can be overcome by using the external SVG image file as an object or by including the SVG code fragment as a User-Defined XML Block.

 

Given below are the three ways in which SVG images can be included in a web page.

 

1.External SVG inserted as image: This generates an <img> in the generated HTML file, and interactivity will be lost.

2.External SVG inserted as an object via the User-Defined Element feature (see screenshot below). Be sure to insert the type attribute correctly: ke type=”image/svg+xml”. When inserted in this way, the SVG object is still interactive and the mouse hover-functionality will work.

 

SVGUDElement

 

3.Inline SVG inserted via a User-Defined XML Block. See screenshot below for an example of an SVG code fragment. In this case, interactivity will work. Note that the svg element does not need to be in the SVG namespace if the output method is HTML 4.0 or 5.0, but the namespace is required if the output method is XHTML.

 

SVGUDBlock

 

© 2017-2023 Altova GmbH