Upload image to Vercel's CDN without Image tag optimization

I already have preoptimized images in my remote storage and i want them to be cached in Vercel's CDN

<Image unoptimized={true}/> isn't uploading image to CDN

Headers for image didn't work either

'Cache-Control': 'public, max-age=3600',
'CDN-Cache-Control': 'max-age=60',
'Vercel-CDN-Cache-Control': 'max-age=3600'

And in Vercel's API it seems to be nothing

If anyone knows how to do it,please help

Vercel Staff

You can either use unoptimized prop individually:

import Image from 'next/image'
 
const UnoptimizedImage = (props) => {
  // Default is false
  return <Image {...props} unoptimized />
}

or set the value globally for all images in next.config.js

module.exports = {
  images: {
    unoptimized: true,
  },
}

https://nextjs.org/docs/app/api-reference/components/image#unoptimized

i even just tried this,guessing that maybe answer is not like "no" but seems like it because this part of docs is saying

true: The source image will be served as-is from the src instead of changing quality, size, or format.

Vercel Staff

You need to also purge CDN cache to invalidate old images: https://vercel.com/changelog/manually-purge-the-cdn-cache

Vercel

Manually purge the CDN cache - Vercel

Vercel's CDN Cache can now be purged with the click of a button in the dashboard or by running a CLI command, vercel cache purge --type=cdn, using version 44.2.0 or newer.

Hey ! 👋

Just checking in on this thread. If you're still experiencing issues or have additional details to share, please let us know! We're here to help.