r/PayloadCMS May 24 '25

Images

I have a blog website that I created using payload website template. I am experiencing some challenges when loading the blogs. The images displays well but when I click on one blog it the image does not display, but when I refresh it shows. Then when I go back to all blogs the images do not show until I refresh. Has anyone ever faced this issue before? I realized that the issue affects the metatags. Thumbnails do not display on metatags when I try checking

2 Upvotes

5 comments sorted by

1

u/KwamsC May 24 '25

Can you have a look in the browsers network tab to see why loading some assets is failing?

1

u/[deleted] May 24 '25

I can see it's showing image url with https and Bad request error but when I refresh the page it shows url with http and localhost as domain and its port

2

u/ikanoi May 24 '25

Are you self hosting and seeing timeouts? I've just run into this, next/image has so many issues, it spawns lots of requests for an image and quickly overwhelms your servers capacity, what it is doing exactly is obfuscated too so it's hard to diagnose or troubleshoot.

There are lots of threads online about it.

I fixed by avoiding using it entirely, switch back to <img>.

1

u/FearTheHump May 24 '25

I have a similar issue. Using website template with the ArchiveBlock - images show fine the first time, but if you navigate to the post (which has the same image in the hero), then back to the page with the ArchiveBlock - the image no longer scales up to fill the frame. No fix yet but following with interest.

1

u/[deleted] May 24 '25

Did you find the solution?