next/image image not loading : getting 503 (Service Unavailable) in simple image example

[stajics]

What version of Next.js are you using?

10.2.3

What version of Node.js are you using?

14.15.1

What browser are you using?

Chrome

What operating system are you using?

macOS

How are you deploying your application?

vercel

Describe the Bug

Using a new next.js project. Optimized images won't load from a specific domain.

For

<Image src="https://valence.jobboard.io/uploads/job/logo/65255312/FreightWaves.jpg" width={500} height={500} />

getting 503 (Service Unavailable) error.

Adding unoptimized prop shows the image.

Expected Behavior

Image should load from any domain

To Reproduce

Create a new next app.

Create next.config.js and add

module.exports = {
    images: {
        domains: ['www.jobboard.com']
      },
}

Add

<Image src="https://valence.jobboard.io/uploads/job/logo/65255312/FreightWaves.jpg" width={500} height={500} />

to a page and navigate to the page. Image will be broken

[manowski]

I had the same issue and was wondering why it doesn't work. As a result, I discovered that some urls containing images are not in the image format. That's why you're getting an error and the image won't load.
Your image, for example, is in html format and you've put it in the image component.

You can check the format here: aconvert.com/analyze.html

[balazsorban44]

A simple curl https://valence.jobboard.io/uploads/job/logo/65255312/FreightWaves.jpg shows that you return HTML, instead of an image response.

await fetch(
  "https://valence.jobboard.io/uploads/job/logo/65255312/FreightWaves.jpg"
)

Also gives back 503, so the issue is probably not with next/image.

[dewaleolaoye]

were you able to resolve this issue?

[dewaleolaoye]

Has anyone resolved this issue?

[theskillwithin]

any news on this?

[dewaleolaoye]

No fix works for me, I had to switch to img tag

[bernardoosthuizen]

Hi all. Has this been resolved? Ever since upgrading to Next13, next/image has given us a 503. Using seems to resolve the issue but its obviously not ideal.

[Pseudoman21]

Still haven't found a solution for this, unfortunately.

[Mandy9943]

same issue over here :(

[sstrubberg]

Just ran into this myself.

[fimbres]

I'm running into this issue deploying Nextjs 13.5 into GCP with Cloud Run. any updates?

[sfonua10]

Are you running into the issue in prod only and it works locally? If so, it's probably the execution time limit. It's set to 10 seconds for the Hobby plan (free tier). If it's longer than that to upload the image, you could be getting 503 errors. Same with memory limit.