Larger pins having blurry images - replacement of size in URL is broken

[kdambekalns]

The "size replacement" of embedded pin images seems to be broken in

widgets/pinit_main.js

Lines 1567 to 1569 in 78f5658

	backgroundImage: pin.images["237x"].url.replace(
	/\/237x\//,
	"/" + imgWidth + "/"

The URL I see in the generated source code contains 236x – so the replacement does not work as expected.

This seems to have been broken about mid-October 2023, judging from reports about blurry images I found on the internet (e.g. https://wordpress.org/support/topic/embed-pinterest-url-not-working-and-blurry-embedded-pin-images/) and a customer report.

Digging deeper the data returned from the endpoint does have a 237x entry, but that URL contains 236x.

[kdambekalns]

Fixed this in #119 – one could question, though, why there is string replacement going on at all.

Why not pick one of the URLs delivered by the endpoint? There we have (extract from full resonse):

{
	"images": {
		"237x": {
			"width": 236,
			"height": 354,
			"url": "https://i.pinimg.com/236x/05/0a/93/050a93e16c13b1e6ee51811fbbb672fc.jpg"
		},
		"564x": {
			"width": 564,
			"height": 846,
			"url": "https://i.pinimg.com/564x/05/0a/93/050a93e16c13b1e6ee51811fbbb672fc.jpg"
		}
	}
}

There you have it, no other sizes delivered. Also explains why the medium pin size looks better – it does not fall back to the small image… 😬

On https://developers.pinterest.com/docs/add-ons/pin-widget/ the data-pin-width is not (no longer?) mentioned, while https://gist.github.com/jpsirois/7001965 mentions even more sizes.

So, I guess I'll keep it at the fix I have, for now…

[kentbrew]

I'll see if I can find the right person at Pinterest to roll this out, thanks!