Update default opengraph thumbnail

[jasmussen]

Currently when you paste, for example, https://wordpress.org/download/ as a URL into the block editor, opengraph metadata is fetched in and shown when you click the link:

It appears the image being fetched is on this URL:

https://s.w.org/images/backgrounds/wordpress-bg-medblue.png

Presumably that same image is used across a variety of contexts. Let's update this. We can replace it with this:

or this:

[wojsmol]

The image is taken from <meta property="og:image" content="https://s.w.org/images/backgrounds/wordpress-bg-medblue.png" />

[ryelle]

I've added this image in https://github.com/WordPress/wordpress.org/commit/31bbe7f59da97a1495ba24b169c2b4c29317cc84.

All pages should use the new image, with the exception of the homepage, which uses this image:

Shares on twitter use a square format image, not the og:image (except the homepage, which uses the large format embed). If you want to update this too, reopen this issue with the new image.

[jasmussen]

Thank you for the updates, and thank you for the clarification on the square image. I've made a new one, can I kindly ask you to use this one instead?

And for the homepage, for the time being, I think we're better off also using the below one for that one:

If and when we get a chance to revisit parts of the homepage, we can reconsider having a dedicated one thumbnail just for that. But for now, we can keep it the same for it. Thank you.

Figma.

[ryelle]

@jasmussen I ended up grabbing the dotted image for the new default, not the plain one— do you want to remake the square image?

[jasmussen]

Do you mean like so?

[ryelle]

Yeah, exactly. Thanks!

[ndiego]

The dotted version looks great!

[ryelle]

Okay, I've updated the square image. I think twitter has the old embed cached, and they don't offer a way to clear that, but the meta on the site appears correct - so probably just need to wait that out.