# Error: Invalid width attribute on next/image. The width must be a positive number less than or equal to the image's intrinsic width (1920).

- **ID:** `nextjs/invalid-image-width-attribute`
- **Domain:** nextjs
- **Category:** config_error
- **Verification:** ai_generated
- **Fix Rate:** 92%

## Root Cause

The next/image component's width prop is set to a value greater than the image's intrinsic width, or is zero/negative. Next.js enforces that width cannot exceed the original image dimensions to prevent upscaling without explicit configuration.

## Version Compatibility

| Version | Status | Introduced | Deprecated |
|---------|--------|------------|------------|
| 13.5.0 | active | — | — |
| 14.2.0 | active | — | — |
| 15.0.0 | active | — | — |

## Workarounds

1. **Set the width prop to the image's actual intrinsic width or smaller. Use the fill prop with sizes if you need to stretch beyond intrinsic dimensions.** (95% success)
   ```
   Set the width prop to the image's actual intrinsic width or smaller. Use the fill prop with sizes if you need to stretch beyond intrinsic dimensions.
   ```
2. **Use the unoptimized prop to bypass Next.js image optimization, which also relaxes dimension validation.** (70% success)
   ```
   Use the unoptimized prop to bypass Next.js image optimization, which also relaxes dimension validation.
   ```

## Dead Ends

- **Setting width to a very large number like 9999 to avoid responsive issues** — Next.js validates width against the actual image dimensions. Using a value larger than intrinsic width triggers this error. (90% fail)
- **Omitting width and height props entirely** — next/image requires either width/height or fill prop. Omitting them results in a different error about missing dimensions. (80% fail)
- **Using CSS to override the width after setting it incorrectly** — The validation happens at build/render time before CSS is applied. CSS overrides don't prevent the error. (85% fail)