I have a WordPress website with existing content and images. Currently, images in posts link to the original media file. I’d like to modify this, such that they link to a resized version of the image (e.g., max 2000x2000 px). Preferably, this should be done by some filter that is applied when rendering the page, so I don’t have to edit the existing links in my posts.
E.g., I want this:
<a href="/wp-content/uploads/file.jpg"><img ... /></a>
to be converted into this:
<a href="/wp-content/uploads/file-2000x1500.jpg"><img ... /></a>
Does anyone know how this could be done (using code or some plugin)?
One thing that makes it challenging, is that the resized image don’t have a constant size (e.g., 2000x2000 px). Because I want the images to be soft proportional cropped, they can get a different size. (E.g., a 4000x3000 px image would be resized to 2000x1500 px.)