Resize before quality
Avoid compressing a 2400px original when the product card renders near 520px.
product image compression
Compress product images by serving the right variant first
Skymage compresses product media at request time with URL-based resizing, quality controls, WebP or AVIF output, and cacheable variants so teams can reduce product image weight without re-exporting the whole catalog.
Product compression test:
1. Product card
?w=520&h=650&fit=cover&f=webp&q=82
2. PDP gallery image
?w=1400&fit=contain&f=avif&q=85
3. Mobile tile
?w=360&h=450&fit=cover&f=webp&q=78
compression strategy
Compression works best after the image size matches the slot
Most product image waste is a mix of oversized dimensions, old formats, and generic quality settings. The fastest test is one repeated image path with exact dimensions and a format-specific quality target.
Use modern formats
Compare WebP and AVIF on product photos instead of relying on one JPEG export.
Tune by surface
Use different quality settings for thumbnails, PDP galleries, and mobile tiles.
Cache each variant
Keep repeated catalog requests fast after the first transformation is generated.
first test
Prove one compressed product image pattern
Start with one product grid or PDP gallery, compare current transfer size against Skymage variants, then expand the pattern only after the compressed output still looks right.
| Product image slot | Skymage variant |
|---|---|
| Desktop product card | ?w=520&h=650&fit=cover&f=webp&q=82 |
| PDP gallery hero | ?w=1400&fit=contain&f=avif&q=85 |
| Mobile product tile | ?w=360&h=450&fit=cover&f=webp&q=78 |
| Related product card | ?w=320&h=400&fit=cover&f=webp&q=80 |
audit output
What the free compression audit returns
Current image waste
Find oversized product images, old formats, and quality settings that miss the surface.
Variant recommendations
Map the first card, gallery, mobile, and thumbnail variants worth testing.
Format target
Choose WebP or AVIF based on the image type and visible product detail.
Rollout step
Pick one repeated product image path before applying compression to the full catalog.
free check
Send one product page for a compression audit
Share a product, category, or catalog URL. The audit will identify the first compressed product image variants worth testing with Skymage.