# Image Rendering Reference

## Navigation:

Index General Information Elements Utils Examples

# The <img> Element

## Description:

In order to insert an image in front of the background use this tag. It is supposed to take either a relative path from the template to an image file or a Base64 encoded string of an image. Be careful when using a path to an image, when processing the template on the server, the path may be different or the image may not exist at all on the server.

### Multiple Occurrences allowed: true

## Attributes

Name | Description | Inheritated | Possible Values | Default Value | Examples
--- | --- | --- | --- | --- | ---
class | A identifier of a CSS class. This identifier can be referenced via a CSS file. The same class identifier is meant to be used in multiple tags | false | String | No default value | css1
id | A identifier of the tag. This identifier can be referenced via a CSS file. This identifier has to be unique | false | String | No default value | css1
src | Defines the path or a URL to an image. The path has to be relative to the template file | false | A path relative to the template file or a URL. (e.g. "../test/image.png or http://url.to/image.png") | No default value | image1
data | Specifies a Base64 encoded string as image source | false | A Base64 encoded string | No default value | image1
autoscale | Enables/disables to automatically scale the element. The element will scaled to the size of the field | false | true|false | false | -
cut-bottom | Specifies the number of pixels on each side of the source image which should be cut off. | false | A positive integer value (>=0) | 0 | -
cut-left | Specifies the number of pixels on each side of the source image which should be cut off. | false | A positive integer value (>=0) | 0 | -
cut-right | Specifies the number of pixels on each side of the source image which should be cut off. | false | A positive integer value (>=0) | 0 | -
cut-top | Specifies the number of pixels on each side of the source image which should be cut off. | false | A positive integer value (>=0) | 0 | -

## Child Elements

No child elements

## Examples

- Image Example