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 차지하도록 했습니다.