In NextJS, what is the difference between importing an image and including it directly when using next/image
?
import logo from './logo.png';
<Image src={logo} />
/* versus */
<Image src={'/logo.png'} />
Are there any speed optimizations or extra features when doing it one way or another? The import
syntax makes me think that something else is going on at build time, but I can’t seem to find any further details.