import Image from 'next/image' import Link from 'next/link' <Link href={'https://google.com/'}> <Image src={URL} alt="Description" width={150} height={150} /> </Link>Image with auto height and width. This will display actual size of image. ```js <Image src={selectedImage} width={0} height={0} alt="" style={{ width: "auto", height: "100%" }} // optional /> ``` Image with fixed height and width. ```js <div style={{ position: "relative", width: "200px", height: "279px" }}> <Image src={selectedImage} fill alt="" style={{ objectFit: "cover" }} // As per your requirement /> </div> ``` Upvote if works// The passHref property is required only If the child of Link // is a custom component that wraps an <a> tag. This is necessary // if you’re using libraries like styled-components. Without this, // the <a> tag will not have the href attribute <Link href="/"> <!-- <Link href="/" passHref> --> <a> <Image src="/an_image.png" alt="" /> </a> </Link>