Catalog cards
Serve cropped, consistent product-card variants for search, category, and collection pages.
product image optimizer
Optimize product images without rebuilding your catalog workflow
Skymage turns one original product image into right-sized, compressed, cacheable variants for category cards, PDP galleries, thumbnails, mobile tiles, and related-product modules. Keep the original catalog upload and serve the image each slot actually needs.
Product image optimizer plan:
1. Keep the original upload
/catalog/products/jacket.jpg
2. Serve each storefront slot
Card: ?w=520&h=650&fit=cover&f=webp&q=82
Mobile: ?w=360&h=450&fit=cover&f=webp&q=78
Thumbnail: ?w=220&h=220&fit=cover&f=webp&q=76
Gallery: ?w=1400&fit=contain&f=avif&q=85
optimizer surfaces
One product photo needs different optimized variants
A product image optimizer should do more than compress a JPEG. It should match dimensions, crop behavior, format, quality, and caching to the place where the image appears.
PDP galleries
Keep detail in gallery images while avoiding oversized originals on initial load.
Mobile storefronts
Use narrower mobile variants so two-column grids do not ship desktop image weight.
Upsell modules
Reuse cached thumbnails for related products, bundles, recently viewed items, and recommendations.
first rollout
Optimize one repeated image pattern first
Start with one product or category URL. Skymage identifies the image slots carrying the most transfer, generates a first set of URL variants, then lets you roll the winning pattern into the repeated template.
| Audit step | What Skymage checks |
|---|---|
| Rendered size | Compare CSS slot size against the original product image dimensions. |
| Format | Test WebP and AVIF variants against current JPEG or PNG output. |
| Quality | Set quality by image slot so product detail is preserved where it matters. |
| Cache path | Make the chosen variant reusable across repeated product listings. |
audit output
What the free product image optimizer audit returns
Top product image waste
The product paths and template slots carrying unnecessary image weight.
Variant URL plan
Specific width, height, crop, format, and quality parameters to test first.
Visual check list
Where to inspect product detail, edges, colors, zoom behavior, and thumbnails.
Rollout priority
The smallest product template change likely to create measurable improvement.
free check
Send one product URL for an optimizer audit
Share a product, category, or catalog page. The audit will identify the first product image variants worth testing with Skymage.