# Layout and Background Image definition

## Layout and Background Image definition

The next step is to add a Background Image for your House Preview Layout.

Click on the Layout tab. You will be presented with the list of Model definitions on the left (currently empty) and the House preview (shows up as black as no picture has been loaded).

![](https://1941201815-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ2Jwp7mRP9HqIZtQ_h%2F-M8BBJDu8plpCJ4WtJKJ%2F-M8BChQQyCZ6qqWF86gc%2Fimage.png?alt=media\&token=b0f1e4bd-adfd-454b-8f42-051f8e989f22)

You can proceed without a picture of your house/yard and add this in later.

Or you can select an image from any location. Click on the Background Image prompt and browse to and select your image.

![](https://1941201815-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ2Jwp7mRP9HqIZtQ_h%2F-M8BBJDu8plpCJ4WtJKJ%2F-M8BD2zUn8jlzqWo2EGZ%2Fimage.png?alt=media\&token=3f211b09-a800-4b86-9d5b-c98e56bdee7a)

Note that the image background, size and appearance does not drive any xLights functionality, but is more for the user to have a visual representation of where his or her models are and what they look like on the canvas.

![](https://1941201815-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-LZ2Jwp7mRP9HqIZtQ_h%2F-M8BBJDu8plpCJ4WtJKJ%2F-M8BDaer0MjIHGufYnoa%2Fimage.png?alt=media\&token=2875529d-365d-44fa-a0ba-9e468bed9406)

Click on Save to set the image details.
