> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://docs.intractive.app/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Image & video specs: resolution, file types, and size

# Image & video specs: resolution, file types, and size
Here are the ideal specs for images and videos in your Story.
Short version: your Story is **vertical (9:16)**, so full-screen media works best at **1080 × 1920**. Don't stress about hitting the numbers exactly, though we'll help your media fit.
## Image specs
The platform automatically resizes uploaded images to fit the screen, so you've got room to breathe. For the sharpest result, aim for these:
| **Where it's used** | **Ideal resolution** | **Aspect ratio** |
| ---- | ---- | ---- |
| **Full-screen content** | 1080 × 1920 | 9:16 (vertical) |
| **Vertical layout** | 1080 × 648 | 5:3 |
| **Button images** | 300 × 300 (minimum) | 1:1 (square) |

![](https://storage.crisp.chat/users/helpdesk/website/-/a/f/c/4/afc4fa0dc4a39800/image-13-10-2026-at-0930_4j1lty.png)
**File types:** JPG, PNG, WebP, and SVG.

| 💡Tip: If your image doesn't match these exact dimensions, don't worry! Most upload fields give you a focus point selector, so you can choose which part of the image stays in view when it's cropped to fit.

![](https://storage.crisp.chat/users/helpdesk/website/-/a/f/c/4/afc4fa0dc4a39800/image-8_rory6l.png)
![](https://storage.crisp.chat/users/helpdesk/website/-/a/f/c/4/afc4fa0dc4a39800/image-9_d7pzew.png)
## Video specs 
| **Spec** | **Recommendation** |
| ---- | ---- |
| **Resolution** | 1080 × 1920 |
| **Aspect ratio** | 9:16 (vertical) |
| **Length** | Max 30 seconds per video |
| **File size** | Up to 100 MB |
| **File type** | MP4 |

| 💡Good to know: We transcode your videos automatically for optimal streaming.


![](https://storage.crisp.chat/users/helpdesk/website/-/a/f/c/4/afc4fa0dc4a39800/image-10_1ut27q3.png)
## Can I edit video in the Builder?
Not yet. 🙂 For now, trim and edit your video **before** you upload it.

## My file is too big — how do I resize a video?
If your video is over the **100 MB** limit (or you just want it to load faster), compress it before uploading. A smaller file streams quicker and still looks great. Two easy routes:
* **A free desktop tool** — [HandBrake](https://handbrake.fr/) is free, reliable, and gives you full control over size and quality.
* **An online compressor** — search for a "compress video" tool and upload your file for a quick shrink.

| 💡Tip: When compressing, keep the resolution at 1080 × 1920 and the aspect ratio 9:16 — you're reducing the file size, not the dimensions.