[Bug]: Thumbnail images size is inconsistent across themes when shared on social media

[Robertght]

Quick summary

It appears that the size of the image shared on Linkedin(probably other platforms as well) is different for each theme, therefore in some cases, some thumbnails are blurrier than others.

The goal is to avoid the blurry images.

Steps to reproduce

I encountered these examples:

Theme: Hever https://datatriangle/

Shared image: https://datatriangle.files.wordpress.com/2021/11/test7.png?fit=440%2C330

The featured image: http://datatriangle.files.wordpress.com/2021/11/test7.png

---

Theme: Plane https://liliendahl.wordpress.com/

Shared image: https://liliendahl.files.wordpress.com/2018/08/cropped-liliendahl-logo1.png?w=200

The featured image: http://liliendahl.files.wordpress.com/2018/08/cropped-liliendahl-logo1.png

Tested with Linkedin's post inspector: https://www.linkedin.com/post-inspector/

What you expected to happen

To see the thumbnails without being blurry

What actually happened

The thumbnails are blurry and the image sizes are different across different themes.

Context

4420959-zen

Browser

Google Chrome/Chromium

Simple/Atomic

Simple

Other notes

No response

Reproducibility

Consistent

Severity

Some (< 50%)

Available workarounds?

Yes, difficult to implement

Workaround details

To upgrade and use an SEO plugin, like Yoast to control what image gets shared.

[Robertght]

@jeffikus should I move this to the theme's repo?

[Robertght]

cc @jordesign as well

[jordesign]

My hunch is that this will come down to how the OG:image meta entry is handled. TBH I'm not sure if that is handled on the theme level or not. Jeff might have a better idea.