Deployed websites images dont get displayed because of <Image /> Wrapper

[kind stratus]

Hi guys, I deployed a website I made with nextjs to cpanel and most of my images are not getting displayed.
What I noticed is that the images with the <Image /> wrapper are the ones that don't get displayed.
This is from the network tab when I checked the request:

URL of successfully served image:
URL: https://website.com/mobilePanesB.webp

URL of failed image:
https://website.com/_next/image?url=%2Fprovincetown-wallpaper.jpg&w=640&q=75

does anyone know how to fix this?

[spring flame]

Post created!

🔎 This post has been indexed in our web forum and will be seen by search engines so other users can find it outside Discord

🕵️ Your user profile is private by default and won't be visible to users outside Discord, if you want to be visible in the web forum you can add the "Public Profile" role in id:customize

✅ You can mark a message as the answer for your post with Right click -> Apps -> Mark Solution
(if you don't see the option, try refreshing Discord with Ctrl + R)

[kind stratus]

I added

    unoptimized: true,
  },

And ran the build again, now when I deploy, all images display, however it is kind of slow

Anybody have a fix for this?

[sage bay]

how you deployed it on cpanel? afaik it only possible to deploy static site there
and from my tests <Image> not working on static sites. you should use <img>
upd: looks like in static site, you need to define custom loader https://nextjs.org/docs/pages/building-your-application/deploying/static-exports#image-optimization

[kind stratus]

hmm interesting, so the optimizing has to be handled by something else like Cloudinary