LCP heroes
Replace full-resolution hero, article, or product media with size-specific WebP/AVIF URLs.
core web vitals image optimization
Fix the image problems holding back Core Web Vitals
Skymage helps teams right-size LCP images, product thumbnails, CMS heroes, and repeated media slots with URL-based image variants, modern formats, and cacheable delivery.
first fixes
Where image work usually moves the score
LCP
Serve the hero or product image at the rendered size, with WebP or AVIF output and stable dimensions.
CLS
Keep explicit width and height on image elements while changing only the source URL.
INP support
Reduce image transfer on repeated grids so the main page has less work during interaction.
SEO crawl context
Keep descriptive pages and image context intact while replacing heavy source URLs.
audit targets
Start with the image slots users see first
A useful Core Web Vitals image pass starts with visible, repeated, high-traffic images. Those are the changes most likely to reduce transfer size and improve the next real-user sample.
Product and card grids
Fix repeated thumbnails that multiply bandwidth across category, search, or related-item pages.
CMS media
Control editor-uploaded images without forcing a media-library migration first.
implementation examples
Turn Lighthouse image warnings into URL changes
Use the same original image while requesting variants that match the actual layout. That makes the first test small enough to ship and measure.
| Finding | Skymage URL pattern |
|---|---|
| LCP image is larger than rendered | ?w=1200&f=avif&q=82 |
| Mobile hero sends desktop width | ?w=720&fit=inside&f=webp |
| Product cards repeat heavy originals | ?w=420&h=520&fit=cover&q=80 |
| Article image needs a stable crop | ?w=960&h=540&fit=cover&f=avif |
48-hour test
A practical rollout before a full image migration
Pick one URL
Choose a product page, article page, or landing page with a visible image warning.
Map rendered sizes
Record the real desktop and mobile image dimensions before changing code.
Swap 2-3 sources
Use Skymage URLs for the LCP image and one repeated thumbnail pattern.
Compare evidence
Check transferred bytes, rendered dimensions, LCP trend, and visual quality.
free check
Send one page with image-related Core Web Vitals issues
The free audit will identify likely image causes, the first Skymage URL variants to try, and whether the page is a good candidate for a low-risk image CDN test.