Images and embeds - ecge

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.