Image

The Image component is a minimal wrapper for the native <img> element. It includes lazy loading by default and requires an alt tag for accessibility.

Default

Use the Image component to embed images in web pages.
Example usage of the Image component
<Image src="/example.jpg" alt="Example usage of the Image component" />

Accessibility

The alt prop is required to ensure screen reader support and improve accessibility for all users.

Usage

Import the component and use it like this:
import Image from "../../components/Image";