next-image-missing-loader-width.mdx


title: 'Missing width in the URL Returned by the Loader Prop on next/image'

Why This Error Occurred

The loader prop on the next/image component allows you to override the built-in URL resolution with a custom implementation in order to support any 3rd party cloud provider that can perform Image Optimization.

This error occurred because the provided loader() function did not use width in the returned URL string. This means that the image will likely not be resized and therefore degrade performance.

Possible Ways to Fix It

  • Ensure your Image Optimization provider can resize images. Then use the width parameter from the loader() function to construct the correct URL string.
  • Add the unoptimized prop.

Rendered from the public repository vercel/next.js on GitHub; content belongs to its authors. Cached for up to an hour.

errors/next-image-missing-loader-width.mdx · vercel/next.js | Docs MD