nextjs Image warning

nextjs에서 이미지 표현 할 때 next에 있는 image 사용합니다.

import Image from "next/image"

사용할때 리사이즈 되었다면서 경고 나올 수 있어요. 정확한 사이즈를 적어야 오류가 나지 않습니다. 정확한 이미지의 사이즈를 넣고 비율로 조절 하고 싶은 경우 style로 조정 할 수 있어요.

<Image 
          src="/logo.png?x85974"
          alt="Logo"
          height={73}
          width={75}
          style={{ width: '30px', height: 'auto' }} 
/>

이미지 사이즈를 정확히 73, 75로 적고 style에서 너비가 30px 차지하도록 했습니다.

Leave a Comment