Best Image Optimization? Next Image or img tag inside picture tag with sources such as webp?
Unanswered
Standard Chinchilla posted this in #help-forum
Standard ChinchillaOP
I have noticed even eslint rule no-img-element is disabled when img tag is within a picture tag which is making me question what is the best optimization here? Thoughts?
1 Reply
Lionhead
Wouldn't it be the next <Image> element since it automatically optimize your images using either webp or avif, and iirc it manages lazy loading pictures
https://nextjs.org/docs/app/building-your-application/optimizing/images
https://nextjs.org/docs/app/building-your-application/optimizing/images