Estoy tratando de dar una altura de 500 px a Next js mientras mantengo la proporción de la imagen. No he encontrado ninguna forma de hacerlo.
<div className='relative text-center'> <Image layout="fixed" objectFit={'contain'} loading="lazy" src={image.url} alt={image.name} width={500} height={500} /> </div>debe corregir la altura del padre mientras el componente de la imagen es la cubierta, para obtener más información, consulte el documento next/image
<div className='relative text-center h-96'> <Image layout="fill" objectFit="contain" src={image.url} alt={image.name} /> </div> alrededor de 500px puede definir una altura personalizada en tailwind.config.js más información en doc