Context: Some of my images are managed by Contentful, which has its own image CDN and is capable of doing everything Next.js built-in image optimization is able to do. Yet, Next.js's image loader doesn't have a format param to define what image format should be used. As a result, I cannot make use of AVIF when using Contentful image CDN + loader, since it doesn't make sense to hard code it as so.

My question is, would it be better for me to load the source image from Contentful and let Next.js built-in image optimization treats it as a remote image and let it do its job? Or should I stick to Contentful CDN + WebP format?