Skip to main content

​
Images

​
Using Markdown

![Alt text](/path/image.jpg)
Image files must be under 5MB. For larger files, host them on a CDN like Cloudinary or S3 and reference the URL.

​
Using HTML

For more control over sizing and styling: 
<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

<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>
ecge supports all standard HTML tags in MDX, giving you full flexibility over your page layout and content.