Current card image
420 KB JPEG
Served much larger than the visible card
case study
How one product image path becomes a fast, measurable Skymage test
Use this anonymized ecommerce teardown to decide which image path to fix first, what URL parameters to test, and how to turn image bytes into a business case.
measured page type
Product detail page and collection grid
Visible issue
Mobile product pages load gallery-scale JPEGs in product cards and above-fold gallery slots
First test path
/products/*.jpg used by the PDP gallery and related product cards
Expected win
Smaller transferred bytes, modern image formats, and fewer layout shifts on mobile
Decision rule
Expand only if the test page improves transfer size and LCP without visual regressions
before and target
The test starts with one repeated image path
The fastest ecommerce win is usually not a full migration. It is a controlled swap on the path that appears many times per session.
Skymage card target
95 KB WebP
420x520 crop for collection and related items
Current hero image
780 KB JPEG
Likely mobile LCP image on product pages
Skymage hero target
180 KB AVIF
720x900 crop for the first gallery slot
implementation
URL changes used in the first test
These examples keep the origin image path intact and move resizing, format conversion, crop, and quality into Skymage URL parameters.
https://demo.skymage.net/v1/cdn.store.com/products/linen-shirt.jpg?w=420&h=520&fit=cover&f=webp&q=82
https://demo.skymage.net/v1/cdn.store.com/products/linen-shirt.jpg?w=720&h=900&fit=cover&f=avif&q=84
https://demo.skymage.net/v1/cdn.store.com/products/linen-shirt.jpg?w=1400&fit=contain&f=webp&q=86
business case
Why this path is worth testing
The case for image optimization gets stronger when repeated thumbnails and hero images appear across paid traffic, SEO landing pages, and product discovery sessions.
Monthly page views
100,000
Images per product session
12
Estimated transfer saved
340 GB/month
What to measure
Transferred bytes, mobile LCP, visual quality, product engagement
rollout plan
A one-week path from audit to rollout
Day 1: audit
Pick one page and identify repeated oversized images, LCP image candidates, and current formats.
Day 2: URL swap
Add Skymage URLs to the first gallery image and repeated product cards on one template.
Days 3-4: measure
Compare transfer size, LCP, and visual quality on mobile and desktop test runs.
Days 5-7: expand
Roll out to the catalog only if the page wins and the URL pattern is repeatable.
free check
Get the same first-path recommendation for your store
Send one product, collection, or landing page URL. Skymage will reply with the first image path to test, URL examples, and what to measure before expanding.