Preview images use original as default, which may be too large and preview might not be generated

[Sreini]

wagtail-seo/wagtailseo/models.py

Line 480 in ce369cd

url = self.seo_image.get_rendition("original").url

The preview image uses the original image that was uploaded, which does not make sense in my opinion. A lot of platform have limits as to how big an image has to be in order for it to be shown on the preview, for example facebook has a limit of 8MB: https://developers.facebook.com/docs/sharing/webmasters/images/

The better way to do it would be show at least the webp or avif version of the image, if that is available. This more closely aligns with the philosophy of allowing content creators and editors to just upload images and having wagtail take care of the rest.

I am open to creating a pull request for this myself if this solution is accepted.

[vsalvino]

I agree it would be better to do a rendition here. However, different platforms have different support. For example, I remember that at least a year or so ago, LinkedIn did not support webp.

If you could do a little research on supported formats of the main social media sites (Facebook, LinkedIn, etc.) that would be helpful.

We could possibly use a similar technique as to what is being used for Google structured data:

wagtail-seo/wagtailseo/utils.py

Lines 55 to 82 in ce369cd

	def get_struct_data_images(site: Site, image: AbstractImage) -> List[str]:
	"""
	Google requires multiple different aspect ratios for certain structured
	data image fields. This will render the image in 1:1, 4:3, and 16:9 aspect
	ratios with very high resolution and return a list of URLs.
	:param Site site: The Wagtail Site this image belongs to.
	:param Image image: An image descending from Wagtail AbstractImage model.
	:rtype: List[str]
	:return: A list of absolute image URLs.
	"""
	base_url = get_absolute_media_url(site)
	# Use huge numbers because Wagtail will not upscale, but will max out at the
	# image's original resolution using the specified aspect ratio.
	# Google wants them high resolution.
	img1x1 = ensure_absolute_url(
	image.get_rendition("fill-10000x10000").url, base_url
	)
	img4x3 = ensure_absolute_url(
	image.get_rendition("fill-40000x30000").url, base_url
	)
	img16x9 = ensure_absolute_url(
	image.get_rendition("fill-16000x9000").url, base_url
	)
	return [img1x1, img4x3, img16x9]