# Creating an Image & Video Preview

When submitting your Space to Mona, you are required to provide an **Image Preview** and **Video Render** of your Space.

A **Preview Image** is an appealing 1920x1080 Image of your Space that will be used for the Loading screen and links to the space.

* **File size**: Under 5Mb (*Required*)
* **Dimensions**: 1920x1080 (*Minimum*)
* **Must NOT** have the Avatar, Desktop, or Mona UI (*Required*)

A **Video Render** is a short video preview clip of what your Space looks like. This will be linked to your Space on the Mona site, marketplace and will help when visitors view it on a website. 

* **Duration**: Between 5s - 15s (*recommended*)
* **File size**: Under 20Mb (*Required*)
* **Dimensions**: 1920x1080 (*Minimum*)
* **Must NOT** have the Avatar, Desktop, or Mona UI (*Required*)

### Examples

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2F22JmPFs8pCDsZFx1HLaO%2Fmarc-o-matic-web.mp4?alt=media&token=0611d58b-ae5c-4fc3-9d1a-b2c24684cdf7>" %}

{% embed url="<https://files.gitbook.com/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2FdalWAglUpNyEOlsrpKo3%2Fpussy-riot_render.mp4?alt=media&token=97a65646-35a6-4f55-a52e-6a433c88e5b6>" %}

### How do make an Image and record a video of my Space?

{% hint style="warning" %}
If you are using the browser to capture the Image and Video, make sure there is no Avatar, desktop, or Mona UI in them otherwise this will fail QA. To help with this you can use the following :

* To **hide your avatar from view,** press the 'V' key on your keyboard.&#x20;
* To **hide the UI elements**, press the 'U' key on your keyboard.
* To **make the browser go Full screen**, press 'F11' on your keyboard.
  {% endhint %}

{% embed url="<https://www.youtube.com/watch?t=2s&v=VHT8m-I3D2U>" %}
Using PrintScreen and OBS to make the Image and Video
{% endembed %}

{% embed url="<https://www.youtube.com/watch?v=oyn477P5n68>" %}
Using Unity Recorder to make the Image/Video
{% endembed %}

### What if my recording is larger than 20MB?

You can make your Video file size using smaller by using [Handbrake](https://handbrake.fr) - a free open-source video transcoder program.

Once you download Handbrake, open your video file and select a Preset such as Fast 1080p. Selecting "Web Optimized" option may also reduce your filesize further.&#x20;

![Handbrake settings](https://3438761929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2FHMJr6TZ5SRf2xgudFJaY%2FScreen%20Shot%202021-10-26%20at%209.10.15%20PM.png?alt=media\&token=f743b4d0-b6a8-42a6-98a4-53bc112fdde6)

{% hint style="warning" %}
*Be careful not to overwrite your original video file. To avoid this, change the name of your video file in the bottom menu text field next to Save As.*
{% endhint %}

![Change the save file destination](https://3438761929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2FAlzQJlKl8GxbqTGS49sw%2FScreen%20Shot%202021-10-26%20at%209.13.00%20PM.png?alt=media\&token=b79493ba-48c0-43b9-87ea-56d4f9e272fa)

### Image/Video examples

If you are going to use the Browser to capture your Image and Video make sure that they **do not include your avatar or any UI graphical elements.**&#x20;

Here is what it should look like:

![This is a good Image. Notice there are no UI elements or Avatars. Credit: Archonomous](https://3438761929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2FUTTce6qtAr76GYyhEj7n%2FScreenShot-Good.png?alt=media\&token=55689c17-2e30-4436-81c1-a2e69a4d29b8)

Here is what it should not look like:

![This is not an acceptable Preview Image. Do not include any UI elements. Credit: Archonomous](https://3438761929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2Fb6Be0lwuJaDFxnIUPsPM%2FScreenShot-Bad2.png?alt=media\&token=aecf2423-a500-48f8-b501-0b32c297dedc)

![This is not an acceptable Preview Image. Do not include the Avatar or UI elements. Credit: Archonomous ](https://3438761929-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MkgZbQzoznBJC_ld633%2Fuploads%2FMx5gwpTfEXdt5zfZtdyT%2FScreenShot-Bad1.png?alt=media\&token=d466eef7-5d55-41f4-be67-bfae3c208be7)