How to fall back to unoptimized images when Next.js image optimization fails

(edited)

I just had a chat with Vercel AI about image optimization techniques, and it suggested to post my feedback to the forum:

So I asked if it’s possible to display an optimized image by default, but if there is no such available, fall back to optimized ones instead of showing that the image is not loaded.

Vercel Alum

I recommend posting this to https://github.com/vercel/next.js/discussions as well.

GitHub

vercel/next.js · Discussions

Explore the GitHub Discussions forum for vercel next.js. Discuss code, ask questions & collaborate with the developer community.

Currently, Next.js doesn’t have a built-in soft fallback to unoptimized images, but you could create a custom wrapper that handles the fallback logic automatically.