Image offloading in nextjs and vercel?
So a site i made is getting some traffic and this has spiked fear into me, (i dont wanna get a huge bill) im using the next Image comp, but i have the images already offloaded on sirv, and when i build th eproject nextjs caches the images and uses the cached images,
currently the
<Image src='cdn_link' />
how can I let nextjs ont optimize/cache the image and let it load from the cdn instead of caching on build?
I hope i understand this correctly myself?
for some more context this is the image opt usage and by not using cache it would go back down to ~250MB![No description](https://cdn.answeroverflow.com/1219100256898125915/image.png)
11 Replies
![No description](https://cdn.answeroverflow.com/1219100765289840670/image.png)
remove Image and use img
can i use Image and use the unoptimized tag?
nop
the Image component is deeply tied to vercel
or like a custom loader?
![No description](https://cdn.answeroverflow.com/1219102057630535820/image.png)
since im using a cdn already for the iamges
maybe, i dont know too much about the Image component
ill definitly keep the tip in mind, but I want to know if there is a good solution to this
gl
thank you!
Just pass the unoptimized prop to image that’s what I do