# Custom Images

Add your own branding or on-theme graphics by saving your own images to your page. 

***

#### Header Images

Header images are responsive and display at roughly half their original pixel size for sharper resolution on most devices.

**Height**

The header’s height determines how much of the screen it covers. A taller file displays larger on the page, up to 25% of the participant’s screen height. You can adjust the height to your preference within these ranges:

<table><thead><tr><th align="center">Header Size</th><th align="center" valign="middle">Height</th><th align="center">% of Screen Height</th></tr></thead><tbody><tr><td align="center">Small</td><td align="center" valign="middle">180 px</td><td align="center">10%</td></tr><tr><td align="center">Medium</td><td align="center" valign="middle">315 px</td><td align="center">17%</td></tr><tr><td align="center">Large</td><td align="center" valign="middle">450 px</td><td align="center">25%</td></tr></tbody></table>

**Width**

Maximum recommended width: 1,200 px.&#x20;

***

#### Background Images

Get tips on designing effective backgrounds [here](/virtual-booth-setup/branding-and-customizations/splash-page-customizations/custom-images/designing-backgrounds.md).&#x20;

**Background Sizing**

There is not a strict size requirement because backgrounds appear differently depending on screen size. You may want to adjust your background size after previewing your booth on different screens. Here are starting points:

* **Full-screen backgrounds:** 1,920 × 1,080px
* **Repeating backgrounds:** longest side under 400px

Opacity can be adjusted to allow your background to work together with background colors.

***

{% hint style="success" %}

#### Plan Availability

:white\_check\_mark: Plus, Pro, Select

:x: Lite, Core
{% endhint %}


---

# 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.simplebooth.com/virtual-booth-setup/branding-and-customizations/splash-page-customizations/custom-images.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.