Heads-up
If you're on Nuxt's hosting (NuxtHub, Cloudflare) and using their image binding, you may already get on-the-fly resize. swiftimg is the alternative when you want the source images to live outside the app deployment.
Step by step
1. Add swiftimg as a custom provider
Define a provider that maps Nuxt's image options to swiftimg URL parameters.
providers/swiftimg.ts // providers/swiftimg.ts export const getImage = (src, { modifiers = {} }) => { const params = new URLSearchParams(); if (modifiers.width) params.set("w", String(modifiers.width)); if (modifiers.format) params.set("fm", modifiers.format); return { url: `https://i.swiftimg.com/${src}?${params}` }; };2. Use <NuxtImg> as usual
The provider takes care of building the URL.
Vue template <NuxtImg src="abc123.png" provider="swiftimg" width="800" format="webp" />3. Plain Vue (no Nuxt)
If you're on a Vue SPA, just reference the swiftimg URL directly — same as any other img src.
Vue / Nuxt — FAQ
Will Nuxt's auto-optimisation still apply?
Nuxt's IPX optimisation is for local images. With a custom provider pointed at swiftimg, transforms happen on the CDN.
Can I keep some images on the default IPX provider?
Yes — pass `provider` per-image, defaulting to whichever you prefer.
What about TypeScript types for the custom provider?
`@nuxt/image` exports the provider type from `@nuxt/image/dist/runtime/types`. Use it for autocomplete.
See also
Image hosting for Next.js
Use swiftimg as the remote image source for next/image. Permanent URLs, automatic WebP, on-the-fly resize via the loader, and flat, predictable pricing.
Image hosting for SvelteKit
Reference swiftimg URLs from SvelteKit components and Markdown content. Permanent URLs, on-the-fly resize, and global delivery.
Image hosting for Astro
Reference swiftimg URLs from Astro's <Image /> component. Permanent URLs, automatic WebP variants, on-the-fly resize, and global delivery.
swiftimg vs imgix
An imgix alternative for real-time image transforms — without the enterprise price tag.
Ready to host your Vue / Nuxt images?
Start free, then unlock the full API, transforms, signed URLs, and a custom domain on the Developer plan.