Currently, I’m using ghost *Version: 4.25.0 on my website. Many users tell me some of the post content images do not load properly. Then I studied and checked my website some photos did not load. For example
I mention in my article Link. In the article, some of the images do not load. But the website has lots more article that does not load Image.
When I check what happened, I find a broken image URL.
<figure class="kg-card kg-image-card kg-card-hascaption"><img src="https://officialrajdeepsingh.dev/content/images/2021/02/xmkdir--mflag.png.pagespeed.ic.05T5AX_xYP.webp" class="kg-image" alt="mkdir -m option output" loading="lazy" width="1144" height="155" srcset="https://officialrajdeepsingh.dev/content/images/size/w600/2021/02/xmkdir--mflag.png.pagespeed.ic.hbCW4aTcio.webp 600w, https://officialrajdeepsingh.dev/content/images/size/w1000/2021/02/xmkdir--mflag.png.pagespeed.ic.PUMTp-xNJe.webp 1000w, https://officialrajdeepsingh.dev/content/images/2021/02/xmkdir--mflag.png.pagespeed.ic.05T5AX_xYP.webp 1144w" sizes="(min-width: 720px) 720px" data-pagespeed-url-hash="3767565665" onload="pagespeed.CriticalImages.checkImageForCriticality(this);"><figcaption>mkdir -m option output</figcaption></figure>
You can check the image URL are broken. when you paste this URL into the browser the URL is broken.
I find a solution is to remove x inside the URL and my image load properly. But do not know what’s happened in ghost.
You can check on the website you see this type of error in lots of articles.
In the second solution, I just Edit the blog and change the image layout stuff in my article and update it. the article image loads properly on my website.
You can check my all broken image article list down below all links sent by my readers.
You can see a list of articles which is mentioned recently by my reader. that article does not load the image.