# Image Rendering Reference

## Navigation:

Index General Information Elements Utils Examples

## Image Example

This example shows the usage of the image tag for inserting images into the template. Either through a relative path or directly by putting the Base64 encoded string into the template.

- Template: templates/example6.xsl
- Record: records/empty.xml

## Image Example (Template)

<xsl:stylesheet version="2.0" >
<xsl:template match="Record" >
<image height="300" width="400" >
<field align="center" height="80" width="380" x="10" y="10" >
<img autoscale="true" src="../images/imagotag.png" >
</img>
</field>
<field align="center" height="190" width="380" x="10" y="100" >
<img data="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" >
</img>
</field>
</image>
</xsl:template>
</xsl:stylesheet>

## Generated Image