Product grid cards
Serve fixed card dimensions instead of sending gallery or original upload sizes.
category page image optimization
Make product grids lighter before buyers reach the PDP
Skymage helps ecommerce teams turn category and collection images into predictable grid, filter, recommendation, and mobile variants without moving the product catalog or rebuilding the storefront media pipeline.
Collection grid test:
1. Desktop product card
?w=520&h=650&fit=cover&f=webp&q=82
2. Mobile product card
?w=360&h=450&fit=cover&f=webp&q=80
3. Recommendation tile
?w=300&h=375&fit=cover&f=avif&q=78
grid pressure
Category pages multiply every image mistake
A product detail page might load a handful of media assets. A category page can load dozens of cards, recommendations, badges, and filter states. The fastest win is usually one repeated image pattern.
Mobile collections
Use narrower image widths for two-column mobile browsing and filter views.
Related categories
Reuse cached variants for merchandising sections and collection blocks.
Paid landing pages
Keep campaign collection pages fast when traffic arrives from ads or email.
first test
Measure one grid before changing every product image
Start with one high-traffic category or collection page, map the rendered card sizes, and compare the current transfer against the Skymage variants for desktop and mobile.
| Collection slot | Skymage variant |
|---|---|
| Desktop product card | ?w=520&h=650&fit=cover&f=webp&q=82 |
| Mobile product card | ?w=360&h=450&fit=cover&f=webp&q=80 |
| Small recommendation tile | ?w=300&h=375&fit=cover&f=avif&q=78 |
| Wide collection banner | ?w=1440&h=520&fit=cover&f=avif&q=82 |
audit output
What the free category audit checks
Repeated oversized cards
Find product cards sending larger images than the grid needs.
Mobile transfer waste
Identify desktop-sized images served to mobile category layouts.
Format and quality fit
Choose WebP or AVIF plus quality settings that preserve product detail.
Rollout priority
Pick the first category image pattern to test before touching the full catalog.
free check
Send one category page for an image audit
Share a public category or collection URL. The audit will identify the first product-card, mobile grid, recommendation, or banner image variant worth testing with Skymage.