you can load images dynamically by just referencing to it:

<img src='/your/file.png' />

Like that the image will be automatically loaded and you can dynamically change the source if needed

So I will use <img> instead of <Image>. Do I understand correctly?

this was just to clarify, what's important. It could also look like this:

<Image src='/your/file.png' />

It's like this now:

                <Image
                  alt={productData.name}
                  width={192}
                  height={192}
                  className="w-full h-full object-cover"
                  src={productData.banner}
                  priority
                  unoptimized
                />

Next.js version: 14.2.22

After I build and run the site, I put the file correctly in the public folder and the image does not appear until the next build. But it appears when I rebuild the site.

any changes to the public folder are only reflected in the next build

thank you very much

So, for example, can I store the images in a different folder in my server other than the public directory?

Is it dynamic that way?

yea... you can save it anywhere. you can even save it inside public as well if you want – but for them to be accessible, you need to create some sort of route handler using fs to read the file system and return the file as a response

the only restriction is that if you save it in public, it won't be available automatically the way existing files in public are

thx