---
title: Images and videos
description: Add images and videos to your application by uploading them in the chat or copying and pasting them directly.
product: v0
type: guide
prerequisites:
  - /docs/quickstart
related:
  - /docs/screenshots
  - /docs/figma
---

# Images and videos



You can enhance your v0 generations by adding images and videos to provide visual context or media assets for your application. v0 supports uploading files directly into the chat or copying and pasting images from your clipboard.

## Uploading media files

### Using the attachment button

1. Click the **+ icon** in the chat input area and choose **Upload from computer**
2. Select your image or video file from your device
3. The file will be uploaded and displayed in the chat
4. Add your prompt describing what you want to build with this media

### Drag and drop

You can also drag and drop media files directly into the chat area:

1. Select your image or video file from your file explorer
2. Drag it over the chat interface
3. Drop it when you see the upload indicator

### Copy and paste

For quick additions, you can copy images directly from other applications and paste them into the chat:

1. Copy an image from any application (browser, design tool, etc.)
2. Use `Cmd` + `V` (Mac) or `Ctrl` + `V` (Windows/Linux) to paste

## Supported file types

### Images

* **JPEG/JPG** - Best for photographs and complex images
* **PNG** - Ideal for screenshots, graphics with transparency
* **GIF** - Animated images and simple graphics
* **WebP** - Modern web-optimized format
* **SVG** - Vector graphics and icons

### Videos

* **MP4** - Most common video format
* **MOV** - Apple QuickTime format
* **AVI** - Windows video format
* **WebM** - Web-optimized video format

## Use Cases

### Product galleries and catalogs

Add product images to create rich e-commerce experiences:

<PromptLink text="Build a product catalog page that displays these product images in a responsive grid." />

### Media players and video content

Include video files for media-rich applications:

<PromptLink text="Create a video player component that can display this video with custom controls." />

### User avatars and profiles

Add user profile images and avatars:

<PromptLink text="Build a user profile page that displays this avatar image and allows users to upload their own." />

### Hero sections and banners

Incorporate images into landing pages and hero sections:

<PromptLink text="Create a hero section using this background image with overlay text and call-to-action buttons." />

## Limits

File size limits vary depending on where you're uploading and your subscription tier:

| Upload Type      | Free Users | Premium/Plus/Business/Enterprise Users |
| ---------------- | ---------- | -------------------------------------- |
| Chat attachments | 5 MB       | 20 MB                                  |
| ZIP file uploads | 10 MB      | 50 MB                                  |

## Best practices

* Use **high-resolution images** (at least 1024px wide) for better display quality
* Optimize images for web use to ensure fast loading times
* Combine media with clear instructions to get better results

## Troubleshooting

If you're having trouble uploading files:

* Check that your file is under the size limit
* Ensure the file format is supported
* Try refreshing the page and uploading again

If v0 isn't properly integrating your media:

* Provide more specific instructions about how you want the media displayed
* Specify the component type (gallery, player, background, etc.)
* Include layout preferences (grid, carousel, single display)

By leveraging images and videos in your v0 workflow, you can create rich, media-enhanced applications that provide engaging user experiences.


---

For a semantic overview of all documentation, see [/docs/sitemap.md](/docs/sitemap.md)

For an index of all available documentation, see [/docs/llms.txt](/docs/llms.txt)

For agent-facing discovery, including API and MCP surfaces, see [/docs/agents.md](/docs/agents.md)