Skip to main content

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.