Image Optimization

Use Next.js image optimization in your MDX documents

Next Docs Zeta supports the built-in next/image component by passing width and height property automatically. You can enjoy the benefits of Next.js Image Optimization without extra configurations.

Under the hood, It gets the image size using rehype-img-size, then display it via next/image.

Usage

You doesn't need to enable it.

Example

Assume the image is under the /public folder.

![banner](/banner.png)
Banner

Last updated on

On this page