Offloaded Images appears as broken on the page in preview mode

[kushh23]

Description

When we offload images on our site and attempt to preview a post containing these images, it can be noticed that all images appear broken on the preview page. This issue occurs because, during the preview, I think WordPress (or don't know if Optimole) automatically replaces the CDN URLs with the original URLs of the images.

To confirm this behavior, you can check the URLs of images that are not offloaded; you'll observe that their preview URLs are also replaced with the original URLs. Since offloaded images are no longer available at their original location, this URL substitution results in broken images in the preview.

Step-by-step reproduction instructions

1. Add offloaded images on a page/post.
2. Before publishing the post, check the preview of it.
3. You will see that images are appearing as broken.

Screenshots, screen recording, code snippet or Help Scout ticket

Ticket - https://secure.helpscout.net/conversation/2586148942/417571

In the Edit mode, images appear correctly -

In preview mode, the image appears as broken-

After publishing, it looks correct again-

Environment info

No response

Is the issue you are reporting a regression

No

[kushh23]

I tried to check how this works for other plugins, for jetpack, the CDN URL was not changed, it was same both in edit and preview mode

[pirate-bot]

🎉 This issue has been resolved in version 3.13.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀