# Images

You can insert .png and .jpeg images into your document, and you can adjust images width :

* either glogally with the `“forceWidth”` parameter in the body of your JSON. Example :   `"forceWidth" : 200`, will apply a 200 pixels width to all the images in your document (height will adjust automatically)
* or individually for any individual image, by sending a `“.setImageWidth”` parameter in your data (see example below)

In order to insert an image into your document, you have to send the image URL in your data

You can also set the image width (in pixels) by adding a `.setImageWidth` parameter, as shown below:

**Data**

{% code lineNumbers="true" %}

```json
{
  "flower": "https://cdn.pixabay.com/photo/2019/12/15/11/22/flowers-4696878_960_720.jpg",
  "flower.setImageWidth": 200
}
```

{% endcode %}

In the template, an image tag is like a substitution tag, but with an additional “%” sign:

<table data-header-hidden><thead><tr><th></th><th width="178.33333333333331" align="center"></th><th></th></tr></thead><tbody><tr><td><strong>Template</strong></td><td align="center"> </td><td><strong>Result</strong></td></tr><tr><td>{%flower}                                           </td><td align="center"><span data-gb-custom-inline data-tag="emoji" data-code="27a1">➡️</span></td><td><img src="https://3610933556-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FtICyn0rKkxEa2DzPEdWY%2Fuploads%2FwAS0AjIQT9lDta0jYOho%2Fflowers-4696878_960_720.jpg?alt=media&#x26;token=90b3e433-332c-484f-afbc-c9cb8834f9cf" alt=""></td></tr></tbody></table>

&#x20;