Are you having trouble with your Facebook post images not showing?
It is annoying when you get a grey box instead of a featured image on your Facebook shares.
You spent hours writing your new blog post or book promotion article.
Then, when you share it on Facebook, there is no social media image. Just an ugly grey box for Facebook users.
There is no problem with Facebook when you upload an image in full size.
These could be for profile pictures or a cover image for your Facebook page.
Facebook immediately renders any directly uploaded photo to suit Facebook picture sizes and aspect ratios and stores them on your page.
If you write a new post and directly upload an image, there is usually no problem either.
But you should know that your image will not have a link attached, which is not great for mobile users.
You have to add a link at the end of your text manually. But it is often so small that it is difficult for mobile users to click.
It is a better idea to use a link image to create a new Facebook post to add your blog post or article.
You can share any page on the Web, including a post on your blog or website using a sharing app.
Facebook scapes the page and pulls the text title and description as well as the image. But the image is not stored on Facebook.
Facebook pulls the image you see on your post from your blog. It works the same for a personal profile or business page.
It doesn’t matter if you use a share button on an external website or paste the site link into the Facebook post editor.
When you share a page link, it will appear on other Facebook user’s news feeds with the correct text and an image.
It will look something like the image below.
When you share a page successfully, you will see three separate parts.
At the top is the text, including the page link address. The link is often abbreviated, but it will still work.
Next is the image. When rendered correctly, the image is also a link.
It makes it much easier for someone using a mobile device. All users have to do is click on the image with their finger or thumb.
Lastly, there could be a box for SEO meta content. It will only show if the external page has these meta description tags included in the original post.
But occasionally, there are Facebook gremlins at work. These are the result of some background code tags going wrong.
Facebook uses a system based on what is called Open Graph tags (OG).
These meta tags set the parameters for all the text and Facebook image sizes in a shared post on Facebook.
When the OG image tag for the image upload display sizes goes wrong, Facebook loads nothing or a grey box in place of the image.
It can also happen if your image is smaller than 200 pixels.
These are the two possible results when this meta property OG image content tag for your image URL is malformed. One is a gray box, and the other is no image at all.
Both results are going to get you a lot less attention and engagements for your post.
Some social media marketers say, no image, no clicks.
The expression is very true, so you need to fix the problem of your Facebook shares that are not showing images.
Fix 1. How to repair a Facebook post with a missing image
The easiest fix is to add a new post by using the URL of the page you want to share.
Not sure how to copy the URL link from your blog post? You can read our article on how to copy and paste a URL link.
Go to your Facebook post editor on mobile or desktop.
Where it says Write a post, paste your page link to your blog post.
You can see my pasted URL link at the top. It might take a few seconds, but if your image renders, then all is okay with your image and link previews.
The next step is to add your text. You can overwrite the URL link if you want because your image will be the link.
Now you can post your shared link, and everything will work correctly. You might also want to delete your earlier post that had no image.
Fix 2. If there is still no image, use the Facebook Debugging Tool
If step one is not successful, there is another way to get Facebook to recognize your image.
You need to go to a Facebook developers page called the Facebook Debugger.
It is also sometimes called the Facebook Link Debugger or link scraper.
If you want to copy the address, it is ‘https://developers.facebook.com/tools/debug/sharing/’
You will see this screen when you reach the debugger tool. From here, you can get Facebook to fetch new scrape information.
Enter your URL link and then click Debug. The debug tool will try to correct your open graph meta tags.
If you do not see your image on your first try, click Scape again once or twice.
When you see your image appear, you will know that Facebook can now see your image tag and image dimensions correctly.
Go back to step one, and share your blog page again, and your post will work perfectly.
There are also debugging tools available for Twitter and Linkedin if you need to use them.
The Twitter Card Validator works in a similar way to the Facebook debugger.
But it has one significant advantage. Once you validate your shared image, it will fix it on your timeline.
There is no need for you to repost. You need to wait for about half an hour, but then your image will show.
The Linkedin Post Inspector works similarly.
But I have found that it is not as reliable as the other two. But it’s worth a try if you have a problem.
Fix 3. When all else fails
If you get a grey box after steps one and two, the last resort is to rename your image on your blog or website.
By doing so, it will tell Facebook to start a new scape of your blog page, which will almost always work.
To do this, delete your featured or first image from your blog.
Now save your image with a new file name. For instance, if your image file name was flossy.jpeg, change it to newflossy.jpeg.
Also, make sure that your image is larger than 600 x 315 pixels, but preferably more than 1200 x 630 pixels.
Now upload your image with the new file name to your blog post and re-publish it.
Then use step one again, and your post should now have an image.
Images on your Facebook page, such as your profile photo or a Facebook event cover photo are stored on Facebook.
You will never have any problem with these directly uploaded images.
If you run a Facebook ad, your single image is set to the recommended pixels width setting. Your ad image will fit and work correctly on Facebook.
But social media images on shared posts from an external page such as a blog post are stored elsewhere on the Internet.
This is what can cause the problem of a Facebook post image, not showing. Facebook only renders a copy of an external image. It is the process that can go wrong from time to time.
It is also why you often see small square images that are cropped top and bottom instead of full-size images on Facebook posts. It is because the image dimensions are less than what Facebook requires to render in a larger size.
It is a good idea to use high-quality images on your blog posts. But keep them to moderate file sizes. If you use royalty-free stock photos or any free images, make sure you resized them appropriately.
If you are not sure about image dimensions, you can use this cheat sheet to check.
The same process of rendering occurs on most social media sites.
You can use the steps above to fix a similar no image problem on a shared post on Twitter or Linkedin.
You should share and promote your blog posts or book promotion articles on social media. But your image must render correctly, especially for phone and tablet users.
There’s no reason to settle for an ugly grey box on your Facebook shares.
For authors, there is also the issue of resized and cropped book covers on social media.
Unfortunately, there is not a lot you can do to overcome this problem apart from designing landscape promotional images.