Technically yes, but then you are opting out of all the benefits that come with using nextjs image.

You would probably be better off setting up a custom loader:
https://nextjs.org/docs/app/api-reference/next-config-js/images#example-loader-configuration

Vercel also has some docs on optimizing costs:
https://vercel.com/docs/image-optimization/managing-image-optimization-costs#managing-image-optimization-usage-&-costs
Looks like you can disable image optimisation if desired

Misread the question

The answer is actually no, it will not also cost money but the above should still be helpful 🙂

so if i use this, then i wont get charged ?

<Image
      unoptimized
      src="https://unsplash.com/photos/MpL4w1vb798"
      alt="Picture of a triangle"
      width={500}
      height={500}
    />

I think there are general bandwidth costs associated with <img> depending on where its hosted. But you want be charged under the image optimization line item.

i just want to avoid those unnecessary ddos bills that people get due to bandwidth, Image optimization and ssr,

if I use csr or "use client" then also will I get bandwidth usage ?
give me some suggestions and learning materials

In my experience the most costly issues are based on the Image Optimization count itself (assuming you have more than 5,000 unique images