# Designing Backgrounds

Adding a background image to your booth’s homepage is a great way to showcase your brand’s personality. 

***

### Designing Backgrounds

The most important thing to remember is that backgrounds need to be flexible. A design that looks perfect on a computer might be cropped or hidden on a phone. Choose graphics and sizes that translate well across all screen dimensions.

Virtual Booth supports two types of backgrounds:

* Full-screen backgrounds
* Repeating backgrounds

***

#### Full-Screen Backgrounds

Full-screen backgrounds work best as subtle design elements or textures, rather than detailed images meant to fill the entire screen.

Think of full-screen backgrounds more like watermarks—something that adds atmosphere without needing to be fully visible.

{% tabs %}
{% tab title="Good Example" %}
Abstract or patterned designs generally look good at any crop or zoom level 

<div data-with-frame="true"><figure><img src="/files/X3K77XbZ6uCcJzWcQZ2j" alt="" width="375"><figcaption></figcaption></figure></div>
{% endtab %}

{% tab title="Bad Example" %}
Scenes with distinct elements or text that may be cut off or hidden on smaller screens

<div data-with-frame="true"><figure><img src="/files/kGKRp1cTwidFj8zd7pL4" alt="" width="375"><figcaption><p>The full scene won't display properly on mobile</p></figcaption></figure></div>
{% endtab %}
{% endtabs %}

**Specs**

* A range of sizes can be used.&#x20;
* Recommended starting size: 1,920 × 1,080px. JPEG or PNG files supported.

***

#### Repeating Backgrounds

Repeating backgrounds are a reliable option when you want a consistent, tiled look across all screens. Once uploaded, your file will automatically repeat to fill the page.

Follow the size recommendations below to get the right effect.

**Specs**

* Recommended size range: 50 × 50px to 300 × 300px (any aspect ratio).
* Larger file sizes create larger tiles on the page. JPEG or PNG files supported.

***

#### Background Opacity

Highly opaque or bold backgrounds can make your booth feel cluttered or make text hard to read. If your design uses strong colors or patterns, consider adding transparency to soften the effect. Strategically-chosen font colors can also resolve any issues.&#x20;

<div data-with-frame="true"><figure><img src="/files/OahWhDJgywkQIZHPXHii" alt="" width="375"><figcaption><p>This loud pattern makes the text difficult to read</p></figcaption></figure></div>

Background opacity can be adjusted directly in your settings to find the right balance between visibility and readability.

Opaque backgrounds display your selected [background color](/virtual-booth-setup/branding-and-customizations/splash-page-customizations/basic-customizations.md#color-scheme) behind the image, allowing you to combine both for a more custom look. Opaque backgrounds will display the selected  behind your image, meaning these tools can be used together for unique effects.


---

# 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/designing-backgrounds.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.