diff --git a/docs/02-app/02-api-reference/05-next-config-js/images.mdx b/docs/02-app/02-api-reference/05-next-config-js/images.mdx index d77e4773b6f66..1221cbd73ff6e 100644 --- a/docs/02-app/02-api-reference/05-next-config-js/images.mdx +++ b/docs/02-app/02-api-reference/05-next-config-js/images.mdx @@ -48,6 +48,7 @@ Alternatively, you can use the [`loader` prop](/docs/pages/api-reference/compone - [Imgix](#imgix) - [Thumbor](#thumbor) - [Sanity](#sanity) +- [Sirv](#sirv) - [Supabase](#supabase) ### Akamai @@ -172,6 +173,20 @@ export default function sanityLoader({ src, width, quality }) { } ``` +### Sirv + +```js +// Docs: https://sirv.com/help/articles/dynamic-imaging/ +export default function sirvLoader({ src, width, quality }) { + const url = new URL(`https://example.com${src}`); + const params = url.searchParams; + params.set("format", params.getAll("format").join(",") || "optimal"); + params.set("w", params.get("w") || width.toString()); + params.set("q", (quality || 85).toString()); + return url.href; +} +``` + ### Supabase ```js