# Importing Media

## Option 1: Import from your Computer

Tourial accepts multiple file types to function as your primary screens within the tour: screenshots (images), videos, and gifs. Please note that when uploading media for screen background use, you'll want all of your media to be at a 16:9 aspect ratio and high resolution. \
\
Here's the full list of supported file types for media uploads in media tours: \
\
.mp4, .mov, .webm, .png, .jpeg, .jpg, .png, .gif, .svg, .webp<br>

1. Either select Media Library in the bottom right or Add Screen in the Storyboard\
   ![](https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2Fmkap5BQq8hsqgPMvq6wf%2Fimage.png?alt=media\&token=77acc499-be77-4834-89c5-9a65255fffa0)
2. In the pop-up, click Upload to upload your images or videos.\
   ​![](https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2FQYK7aJDuNXoHsJ2vsXyP%2Fimage.png?alt=media\&token=3318598f-35ef-4c4d-8e90-384013d6417a)

   <div data-full-width="true"><figure><img src="https://downloads.intercomcdn.com/i/o/763491595/7c9e1e3623bcc6f000609bcc/image.png" alt="" width="375"><figcaption></figcaption></figure></div>
3. Once uploaded, select the screen and click Add to tour\
   ![](https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2FClVewzJfXUWiCAqNPJ3o%2Fimage.png?alt=media\&token=c9b4281e-4fa6-4711-a20e-0101e64b3fd2)

## Option 2: Import from another Tour

Let's say you built a page that you love in a previous Tourial. It has all the tools, views and interactions and now you want to use that page in another Tourial.

With the Import Screen feature, you can easily select a screen(s) from any existing Tour in your account and use it in a different one.

## To import a screen <a href="#h_6869c02be0" id="h_6869c02be0"></a>

1. Open the Tour you'd like the other page imported into
2. Select Media Library located on the right of the Storyboard
3. In the pop-up window, select Import screen and then choose with Tour you want to import from and the screen you want to import

<figure><img src="https://67180079-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FKaMCOI4HEb21AIKZlkHe%2Fuploads%2FCR67D01k8cAXn2lu9e9s%2Fimage.png?alt=media&#x26;token=3e2f6e68-4801-407a-80a2-703b49998766" alt=""><figcaption></figcaption></figure>

4. Click Add to tour

**Note:** Tourial's file size limit for media imports is 99MB per file


---

# 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.navless.ai/building-interactive-demos/interactive-tours/record/importing-media.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.