user image

Mohamed Atef
Published in : 2021-12-08

Could not be processed as an image because it has an invalid content type

React js

Facebook debugger is returning this error and not displaying the preview image “could not be processed as an image because it has an invalid content type”, anyone knows about this error however the og:image content leads to the correct preview image & I added og:image:width & og:image:height, 
any suggestions, please? (Reactjs application)
the screenshot attached below 

— After many times of trying i figured out the issue ---
I did 2 steps until the image appear in the preview

  1. Reduces the dimensions & size of the attached image  
  2. Change the format of the image form PNG to JPEG & included .jpg in the URL in meta content instead of .jpeg
<meta property="og:image" content="/static/screenshot.jpg" /><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/>

Thank you for your support


There is no comments yet

Leave a comment

Join us

Join our community and get the chance to solve your code issues & share your opinion with us

Sign up Now

Related posts

React usestate array map() is not working
Publish date: 2022-04-22 | Comments: 3

Tag: React js

How to implement SSO with React and ASP.NET Core Web API ?
Publish date: 2022-11-03 | Comments: 0

Tag: React js

[solved] Render/Show a custom option in Autocomplete Material UI?
Publish date: 2021-12-22 | Comments: 2

Tag: React js

How to update React router without Re-render?
Publish date: 2021-11-22 | Comments: 2

Tag: React js

Module not found: Can't resolve 'swiper' in Reactjs [Solved]
Publish date: 2021-10-03 | Comments: 1

Tag: React js

[solved] Reactjs is not updating the props
Publish date: 2022-02-04 | Comments: 2

Tag: React js

import link as router link from 'react-router-dom' Reactjs
Publish date: 2021-09-30 | Comments: 3

Tag: React js