Create an image with `<tc:image/>`.

<tc:image value="\#{request.contextPath}/image/tobago_head.png"/>

To set the size of an image, `<tc:style/>` can be used.

<tc:image value="\#{request.contextPath}/image/tobago_head.png"> <tc:style width="20%"/> </tc:image>

The `disabled` attribute can be used, to let the picture look more 'disabled'.

Disabled is 'false' by default.

<tc:image disabled="false" value="\#{request.contextPath}/image/alps.png"/> <tc:image disabled="true" value="\#{request.contextPath}/image/alps.png"/>

Since Tobago 5 is shipped with Tobago.

<tc:image id="bi" value="bi-emoji-smile"/> Example:

is no longer shipped with Tobago. But it is still integratable, like in this demo. You need to add the resources manually.

<tc:image id="fa" value="fa-coffee"/> Example: