Hero and LCP images
Serve the above-the-fold image at the rendered size with stable dimensions and modern formats.
website image optimizer
Optimize website images without moving your media library
Skymage works as a URL-based website image optimizer: keep source images where they are, then serve right-sized WebP or AVIF variants for heroes, cards, galleries, CMS uploads, and mobile layouts.
Website image optimizer pass:
Hero image:
?w=1440&h=810&fit=cover&f=avif&q=84
Mobile hero:
?w=720&h=405&fit=cover&f=webp&q=82
Article card:
?w=480&h=270&fit=cover&f=webp&q=80
CMS gallery:
?w=1200&fit=inside&f=avif&q=85
optimizer targets
Website image optimization starts with visible repeated slots
A useful website image optimizer should fix the images users actually download: hero images, card grids, article media, gallery photos, and mobile variants that currently ship oversized originals.
Cards and thumbnails
Stop repeated cards from multiplying the cost of full-size source images.
CMS uploads
Let editors keep uploading originals while templates request optimized variants.
Mobile breakpoints
Send narrower files to mobile layouts instead of desktop-width image payloads.
first audit
Find the first image URL pattern worth changing
Before rewriting every template, audit one public page. Skymage maps current image waste to a small set of URL variants that can be tested without a media migration.
| Audit finding | First Skymage variant |
|---|---|
| Hero image larger than rendered | ?w=1440&h=810&fit=cover&f=avif&q=84 |
| Mobile sends desktop image | ?w=720&h=405&fit=cover&f=webp&q=82 |
| Article card repeats original | ?w=480&h=270&fit=cover&f=webp&q=80 |
| Gallery image needs detail | ?w=1200&fit=inside&f=avif&q=85 |
audit output
What the free website image optimizer audit returns
Oversized image list
The page images with the biggest gap between source size and rendered size.
Responsive widths
Recommended mobile, tablet, and desktop widths for the highest-impact slots.
Format targets
Where WebP or AVIF is likely to reduce transfer without visible quality loss.
Rollout path
The smallest template or component change worth testing before a broader rollout.
free check
Send one URL for a website image optimizer audit
Share a public page. The audit will identify oversized image slots, suggested Skymage variants, and the first low-risk URL pattern to test.