Image SEO
15-30 minIntermediate
Contentful's Images API is powerful. You should use it for resizing and formats.
Intermediate Recommended
Images API
Automatic optimization.
1
URL Transformation
1
Append ?fm=webp to image URLs to serve WebP
2
Append ?w=800 to resize
3
Next.js next/image loader handles this automatically if configured correctly in next.config.js
2
Alt Text
1
In Contentful Media Library, ensure every asset has a 'Description' or 'Title'
2
Query this field and use it as alt text
Verification Checklist
- Inspect Network Tab