# How can i use a  static Image as a Backdrop Image

**URL:** <https://community.cesium.com/t/how-can-i-use-a-static-image-as-a-backdrop-image/5786>\
**Category:** CesiumJS\
**Created:** [July 12, 2017, 10:51am UTC](https://community.cesium.com/t/how-can-i-use-a-static-image-as-a-backdrop-image/5786 "2017-07-12T10:51:36Z")\
**Posts on this page:** 3\
**Page:** 1

<div class="post-metadata">

**Author:** ![eric.klyuen](https://avatars.discourse-cdn.com/v4/letter/e/5daacb/32.png) [@eric.klyuen](https://community.cesium.com/u/eric.klyuen)\
**Post date:** [July 12, 2017, 10:51am UTC](https://community.cesium.com/t/how-can-i-use-a-static-image-as-a-backdrop-image/5786/1 "2017-07-12T10:51:36Z")

</div>

Dear All,

Is there any way to use a image (JPEG, PNG, TIF) as a background for the  
Cesium 3D viewer.

I would like to do something as Photomontage like those in 3D Studio Max Camera Match or Sketchup PhotoMatch.

Cheers  
Eric Yuen

---

<div class="post-metadata">

**Author:** ![Gabby\_Getz](https://sea2.discourse-cdn.com/cesium/user_avatar/community.cesium.com/gabby_getz/32/7838_2.png) [@Gabby\_Getz](https://community.cesium.com/u/Gabby_Getz)\
**Post date:** [July 13, 2017, 7:04pm UTC](https://community.cesium.com/t/how-can-i-use-a-static-image-as-a-backdrop-image/5786/2 "2017-07-13T19:04:08Z")

</div>

Hi Eric,

As far as I know there's no way to set a single background image, but you can set the viewer's skybox ([https://cesiumjs.org/Cesium/Build/Documentation/SkyBox.html](https://cesiumjs.org/Cesium/Build/Documentation/SkyBox.html)) using

var viewer = new Cesium.Viewer('cesiumContainer', {  
&nbsp;&nbsp;skyBox: skyBox = new Cesium.SkyBox({  
&nbsp;&nbsp;&nbsp;&nbsp;sources : {  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;positiveX : 'skybox\_px.png',  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;negativeX : 'skybox\_nx.png',  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;positiveY : 'skybox\_py.png',  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;negativeY : 'skybox\_ny.png',  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;positiveZ : 'skybox\_pz.png',  
&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;negativeZ : 'skybox\_nz.png'  
&nbsp;&nbsp;&nbsp;&nbsp;}  
&nbsp;&nbsp;}  
}

---

<div class="post-metadata">

**Author:** ![Dan\_Bagnell](https://avatars.discourse-cdn.com/v4/letter/d/ba9def/32.png) [@Dan\_Bagnell](https://community.cesium.com/u/Dan_Bagnell)\
**Post date:** [July 13, 2017, 7:17pm UTC](https://community.cesium.com/t/how-can-i-use-a-static-image-as-a-backdrop-image/5786/3 "2017-07-13T19:17:28Z")

</div>

There is no way to set a background image with Cesium, but you can do it with HTML. Disable the sky box and set the background color alpha to 0 and any HTML elements behind the Cesium canvas will be visible.