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

https://github.com/coderedcorp/wagtail-seo/blob/ce369cd07cafe64b983dd056f15dd4763df11b5c/wagtailseo/models.py#L480

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.

Start by inspecting wagtailseo/models.py at the linked line to understand how the preview image is selected. Confirm how available WebP or AVIF versions can be used, then verify that previews prefer one of those versions instead of the original image when available.

Written by the indexing model from the issue text.