styledsea

Image Optimization

Adding images to your docs

Adalt MDX resolves images into static imports with Remark Image. Therefore, your images will be optimized automatically by the Next.js Image API.

![Hello](./hello.png)
 
or in public folder
 
![Hello](/hello.png)

Yields:

import HelloImage from './hello.png';
 
<img alt="Hello" src={HelloImage} />

Banner

Last updated on

On this page

No Headings
Edit on GitHub