> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ecge.net/llms.txt
> Use this file to discover all available pages before exploring further.

# Images and embeds

> Add images, videos, and other media to your pages

## Images

### Using Markdown

```md theme={null}
![Alt text](/path/image.jpg)
```

Image files must be under 5MB. For larger files, host them on a CDN like [Cloudinary](https://cloudinary.com/) or [S3](https://aws.amazon.com/s3/) and reference the URL.

### Using HTML

For more control over sizing and styling:

```html theme={null}
<img height="200" src="/path/image.jpg" />
```

## Embeds and HTML elements

You can embed any HTML element directly in your MDX pages. This is commonly used for videos:

### iFrames

```html theme={null}
<iframe
  width="560"
  height="315"
  src="https://www.youtube.com/embed/your-video-id"
  title="Video player"
  frameBorder="0"
  allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
  allowFullScreen
  style={{ width: '100%', borderRadius: '0.5rem' }}
></iframe>
```

<Tip>
  ecge supports all standard HTML tags in MDX, giving you full flexibility over your page layout and content.
</Tip>