Vue storefronts
Generate product-card, collection, and gallery variants from the same catalog originals.
nuxt image optimization
Use Skymage for image-heavy Nuxt routes without moving your uploads
Keep product, CMS, and user-uploaded images on their current public origin. Let Nuxt components request Skymage URLs for exact sizes, crops, WebP or AVIF output, and cached delivery.
// Skymage URL helper for Nuxt or Vue components
const skymage = (src, params = {}) => {
const query = new URLSearchParams(params).toString();
return `https://demo.skymage.net/v1/${src}${query ? `?${query}` : ''}`;
};
const heroImage = skymage('assets.example.com/articles/hero.jpg', {
w: 1280,
f: 'avif',
q: 84,
});
where it fits
Start with Nuxt pages where image components repeat
A useful Nuxt image optimization test starts with one route type, one public source pattern, and enough repeated images to make bandwidth and Core Web Vitals movement visible.
Content routes
Serve article covers, author images, and landing-page heroes from current CMS assets.
Community uploads
Resize avatars, marketplace photos, screenshots, and portfolio media without pre-processing queues.
component rollout
Use Nuxt image markup while Skymage handles URL variants
Nuxt Image supports external providers and custom URL generation, so teams can keep component-level image decisions while validating one Skymage-backed route before a wider rollout.
evaluation path
A practical Nuxt image CDN test answers four questions
Origin fit
Can Skymage transform the public image paths your Nuxt app already renders?
Rendered sizes
Can each Vue component request the exact dimensions it displays on desktop and mobile?
Format output
Can a route ship WebP or AVIF without changing CMS or upload workflows?
Rollout risk
Can one repeated component prove the pattern before app-wide image changes?
free check
Get a Nuxt image route audit
Send one public Nuxt route. Skymage will identify the repeated image component to test first, the URL parameters to try, and whether the current origin fits a low-risk rollout.