> For the complete documentation index, see [llms.txt](https://docs.renderdraw.us/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.renderdraw.us/usage-scenarios/use-cases/2d/2d-admin-guide-clicks-not-code/add-a-background-image-to-your-scene.md).

# Add a background image to your scene

{% embed url="<https://app.tango.us/app/embed/72b3b004-2dba-4a1c-b2a8-df345ea42848?iframe=true>" fullWidth="true" %}

### # Navigate to your 2D scene

Go to where your 2D scene component has been added to a record page

#### 1. From Admin component, Click on Environment Options

![From Admin component, Click on Environment Options](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/099a5a42-f410-408a-8851-110fba6c8b0d/46aef0c3-0b49-435c-aa48-6c79c2c642d3.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.3751\&fp-y=0.5093\&fp-z=1.3320\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=58\&mark-y=324\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0yMDYmaD00OSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 2. For this example, let's upload an image. Click on File

![For this example, let's upload an image. Click on File](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/b49e1ff3-ea65-4ae8-a219-d47944f41be4/dc48d40d-267e-4b3e-bb4f-414d2d9b1bf6.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=277\&mark-y=223\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz01OCZoPTM3JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)

#### 3. Upload your image

![Upload your image](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/c241ecdf-fdfa-482b-a39c-3e3e8cd64bd4/c75c2b67-72be-4736-ae3e-81e99d169a8a.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.2138\&fp-y=0.5454\&fp-z=3.2031\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=587\&mark-y=324\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0yNiZoPTI2JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)

#### 4. Once uploaded, click done.

![Once uploaded, click done.](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/2f378276-9dfe-4d83-a94e-0eb38d0b1cbd/ae778102-c503-469a-b614-f06a43002cac.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=814\&mark-y=362\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz02OCZoPTM3JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)

#### 5. Now the background image is selectable in the list, select it.

![Now the background image is selectable in the list, select it.](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/78cd7d52-0907-4a4f-89a1-df7a2e53c3de/5ba43e1a-fd4f-4b92-9903-d2dcaa505e3a.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.4996\&fp-y=0.5935\&fp-z=1.2640\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=159\&mark-y=312\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz04ODImaD01MSZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 6. Click on Update to update settings for the scene

![Click on Update to update settings for the scene](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/b52b87d7-221e-4945-97a1-fd38801dcc0f/6e35f94c-c2f8-44a6-902c-a670f9ad3e2e.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=71\&mark-y=558\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz03OSZoPTM3JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)

#### 7. Click on Save to save your settings

![Click on Save to save your settings](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/9c199c1d-04a7-4da1-a5f4-c0ddadc25daa/720bb1cc-8c4c-4502-b096-fb1fecda9a8b.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=135\&mark-y=470\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz02NSZoPTM3JmZpdD1jcm9wJmNvcm5lci1yYWRpdXM9MTA%3D)

#### 8. Refresh your record, navigate back to your Admin component

![Refresh your record, navigate back to your Admin component](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/abe00998-e4e4-4e52-8088-63f062d50788/efb3d4ef-8ac9-4371-b004-8cd9b726ce82.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.2514\&fp-y=0.3671\&fp-z=2.0000\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=447\&mark-y=402\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTYlMkNGRjc0NDImdz0yMDMmaD03NyZmaXQ9Y3JvcCZjb3JuZXItcmFkaXVzPTEw)

#### 9. Now your background image is set, continue setting up your scene

![Now your background image is set, continue setting up your scene](https://images.tango.us/workflows/72b3b004-2dba-4a1c-b2a8-df345ea42848/steps/2223f312-ad79-4529-988d-00ed768ba0a6/dde9dd86-69b0-4e11-8026-2c616b95dd53.png?fm=png\&crop=focalpoint\&fit=crop\&fp-x=0.5000\&fp-y=0.5000\&w=1200\&border=2%2CF4F2F7\&border-radius=8%2C8%2C8%2C8\&border-radius-inner=8%2C8%2C8%2C8\&mark-x=211\&mark-y=240\&m64=aHR0cHM6Ly9pbWFnZXMudGFuZ28udXMvc3RhdGljL2JsYW5rLnBuZz9tYXNrPWNvcm5lcnMmYm9yZGVyPTQlMkNGRjc0NDImdz01NzMmaD00NTkmZml0PWNyb3AmY29ybmVyLXJhZGl1cz0xMA%3D%3D)