# \&bgimage

General Option! ([`&push`](/advanced-settings/setup-parameters/push.md), [`&room`](/advanced-settings/setup-parameters/room.md), [`&view`](/advanced-settings/mixer-scene-parameters/view.md), [`&scene`](/advanced-settings/mixer-scene-parameters/scene.md), [`&solo`](/advanced-settings/mixer-scene-parameters/and-solo.md))

## Aliases

* `&bgimg`
* `&avatarimg`

## Options

Example: `&bgimage=https%3A%2F%2Fvdo.ninja%2Fmedia%2Fold_icon.png`

<table><thead><tr><th width="371">Value</th><th>Description</th></tr></thead><tbody><tr><td>(Encoded URL)</td><td>URL or base64 data image/svg</td></tr></tbody></table>

## Details

`&bgimage` can be used to set the default image avatar, when using [`&style=0`](/advanced-settings/design-parameters/style.md) or [`&style=6`](/advanced-settings/design-parameters/style.md). This only impacts what the person with the parameter added sees and must be either a URL or a base64 data image/svg. URL-encoded values.

[`https://vdo.ninja/?push=aSmexM6&style=0&vd=0&webcam&bgimage=https%3A%2F%2Fvdo.ninja%2Fmedia%2Fold_icon.png`](https://vdo.ninja/?push=aSmexM6\&style=0\&vd=0\&webcam\&bgimage=https%3A%2F%2Fvdo.ninja%2Fmedia%2Fold_icon.png)

![](/files/p2YSwN2Ry5lY4zJSR5sz)

You can encode your URL here:\
<https://www.urlencoder.org/>

If you want to change the background image / avatar on the sender's side for all viewers, use [`&avatar`](/advanced-settings/video-parameters/and-avatar.md).

## `&bgimage2` and `&bgimage3`

`&bgimage2` and `&bgimage3` work in conjunction with the existing `&bgimage` parameter. You pass an URL-encoded image URL to each, and when a guest speaks, it will switch their background image between the 3 possible images, based on their loudness.

eg:

```
vdo.ninja/alpha/?view=stream2,stream2&avatarimg=./media/avatar1.png&avatarimg2=./media/avatar2.png&avatarimg3=./media/avatar3.png
```

I've included some hand-drawn avatar sample images to test with; they are the default values for `&bgimage`, `&bgimage2`, and `&bgimage3`.

The images will only show when there is no active video and is essentially the same as using [`&meterstyle=4`](/advanced-settings/design-parameters/meterstyle.md) with some custom CSS to specify the behaviour, but it is not stream ID specific however.

## Related

{% content-ref url="/pages/-MZX7oiFsDcg\_A1Z-R2M" %}
[\&style](/advanced-settings/design-parameters/style.md)
{% endcontent-ref %}

{% content-ref url="/pages/hyCZMUUUIhBfUh6iX8on" %}
[\&avatar](/advanced-settings/video-parameters/and-avatar.md)
{% endcontent-ref %}

{% content-ref url="/pages/QVr581oBYAXwbToiVTvS" %}
[\&waitimage](/advanced-settings/mixer-scene-parameters/and-waitimage.md)
{% endcontent-ref %}

{% content-ref url="/pages/vNOeAWRUpRlwMrHqfxry" %}
[\&background](/advanced-settings/design-parameters/and-background.md)
{% endcontent-ref %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.vdo.ninja/advanced-settings/design-parameters/and-bgimage.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.