Phillip Baumgärtner

BM1 Frontend Image Replace lets you swap out images on your WordPress site without ever touching the admin panel. Simply hover over any image on the frontend, click, and upload a replacement.
Perfect for:
<ul>
<li>Replacing demo or placeholder images during development</li>
<li>Letting clients review and update images without backend access</li>
<li>Quick image swaps during content reviews</li>
</ul>
How it works:
<ol>
<li>Enable the plugin in Settings > BM1 Frontend Image Replace</li>
<li>Visit any page on your site</li>
<li>Hover over an image — a replace overlay appears</li>
<li>Click and select a new image from your computer</li>
<li>The new image is uploaded to the media library and all references in your content are updated automatically</li>
</ol>
Free features:
<ul>
<li>Works with any theme — no template modifications needed</li>
<li>Uploads new images to the WordPress media library (the original stays untouched)</li>
<li>Updates all references in post content</li>
<li>Supports Gutenberg block editor, Classic editor, and LiveCanvas</li>
<li>Lightweight — no jQuery dependency, minimal footprint</li>
<li>Translation-ready (including German)</li>
</ul>
Pro features (available at <a href="https://wp-frontend-image-replace.com" rel="nofollow ugc">wp-frontend-image-replace.com</a>):
<ul>
<li>Guest access via shareable temporary links (with expiry)</li>
<li>Activity log for all image replacements (Tools > Image Replace Log)</li>
<li>Priority support</li>
</ul>
A premium version with extended features is available at <a href="https://wp-frontend-image-replace.com" rel="nofollow ugc">wp-frontend-image-replace.com</a>.

BM1 Frontend Image Replace

Replace images directly from the frontend. Upload a new image, and it replaces the old one in your content.

ShortPixel

A free, lightweight and easy to use plugin that allows you to seamlessly replace an image or file in your Media Library by uploading a new file in its place. No more deleting, renaming and re-uploading files! Now fully compatible with <a href="https://wordpress.org/plugins/amazon-s3-and-cloudfront/" rel="ugc">WP Offload Media!</a> 
New beta feature! You can now remove the background of your images for better integration with eCommerce solutions! 
Supported by the friendly team that created <a href="https://wordpress.org/plugins/shortpixel-image-optimiser/" rel="ugc">ShortPixel</a> 🙂
<h4>A real timesaver</h4>
Don’t you find it tedious and complicated to first delete a file and then upload another one with the exact same name every time you want to update an image or other uploaded file in the WordPress media library?
Well, no longer!
Now you can replace any uploaded file in the Edit Media view, where it should be. Replacing Media can be done in two ways:
<h4>It’s simple to replace a file</h4>
<ol>
<li>Simply replace the file. This option requires you to upload a file of the same type as the file you want to replace. The attachment name remains the same regardless of what the file you upload is called.</li>
<li>Replace the file, use the new file name, and update all links. If you check this option, the old file will be replaced with the name and type of the file you are uploading. All links pointing to the current file will be updated to point to the new file name. Additional options for the folder to put the new file in or the date of the new file are also available on the replace screen.</li>
</ol>
This plugin is very powerful and a must-have for all major websites built with WordPress. It also offers a preview of the replaced image!
<h4>New beta feature: You can now remove the background of any image!</h4>
Similar to replacing media, you can also remove the background of the images from the Media Library! The background removal feature sends the images to ShortPixel’s API, removes the background and sends them back in a preview window. If everything looks good, just replace the image with the one that has the background removed! If the source image is a PNG file, you will get a transparent background, while the other images default to a solid white background. You also have the option to choose a different color with an embedded color picker. 
The background removal feature is still in beta and will be free of charge for a reasonable usage.
If you don’t want to use the background removal feature, add this line to your theme’s functions.php file, or use a plugin like <a href="https://wordpress.org/plugins/code-snippets/" rel="ugc">Code Snippets</a>:
<pre><code>`add_filter( 'emr/feature/background', '__return_false' );```
</code></pre>
A similar filter, for the remote notification system is:
<pre><code>`add_filter( 'emr/feature/remote_notice', '__return_false' );```
</code></pre>
To shorten the wait time before redirecting to the media editing screen, use the following filter and specify the wait time in seconds (0 means that redirection is immediate, but may cause problems in certain configurations):
<pre><code>`add_filter('emr/success/timeout', function () { return 3; });```
</code></pre>
To set “Just replace the file” as the default replacing method, use the following filter:
<pre><code>`add_filter( 'emr/replace/default_type', function() {
return 'replace';
</code></pre>
} );“`
To set “Replace the file, use the new file name, and update all links” as the default replacing method, use the following filter:
<pre><code>`add_filter( 'emr/replace/default_type', function() {
return 'replace_and_search';
</code></pre>
} );“`
<h4>Show file modification time</h4>
There is a shortcode that takes the file modification date and displays it in a post or on a page. The code is: 
 [file_modified id=XX format=XXXX] where the “id” is required and the “format” is optional and defaults to your current WordPress settings for date and time format.
So <code>[file_modified id=870]</code> would show the last time the file with ID 870 was updated on your site. To get the ID for a file, check the URL when editing a file in the media library (see screenshot #4)
If you want more control over the format in which the time is shown, you can use the format option. So <code>[file_modified id=870 format=Y-m-d]</code> would show the date the file was modified but not the time. The format string uses <a href="http://php.net/manual/en/function.date.php" rel="nofollow ugc">the standard PHP date() formatting tags</a>.
Other plugins by <a href="https://shortpixel.com" rel="nofollow ugc">ShortPixel</a>:
<ul>
<li><a href="https://wordpress.org/plugins/fastpixel-website-accelerator/" rel="ugc">FastPixel Caching</a> – WP Optimization made easy</li>
<li><a href="https://wordpress.org/plugins/shortpixel-image-optimiser/" rel="ugc">ShortPixel Image Optimizer</a> – Image optimization & compression for all the images on your website, including WebP & AVIF delivery</li>
<li><a href="https://wordpress.org/plugins/shortpixel-adaptive-images/" rel="ugc">ShortPixel Adaptive Images</a> – On-the-fly image optimization & CDN delivery</li>
<li><a href="https://wordpress.org/plugins/resize-image-after-upload/" rel="ugc">Resize Image After Upload</a> – Automatically resize each uploaded image</li>
<li><a href="https://wordpress.org/plugins/regenerate-thumbnails-advanced/" rel="ugc">reGenerate Thumbnails Advanced</a> – Easily regenerate thumbnails</li>
<li><a href="https://wordpress.org/plugins/wp-svg-images/" rel="ugc">WP SVG Images</a> – Secure upload of SVG files to Media Library</li>
</ul>
Get in touch!
<ul>
<li>Email <a href="https://shortpixel.com/contact" rel="nofollow ugc">https://shortpixel.com/contact</a></li>
<li>Twitter <a href="https://twitter.com/shortpixel" rel="nofollow ugc">https://twitter.com/shortpixel</a></li>
<li>Facebook <a href="https://www.facebook.com/ShortPixel" rel="nofollow ugc">https://www.facebook.com/ShortPixel</a></li>
<li>LinkedIn <a href="https://www.linkedin.com/company/shortpixel" rel="nofollow ugc">https://www.linkedin.com/company/shortpixel</a></li>
</ul>
<h3>Wishlist / Coming attractions</h3>
Do you have suggestions? Feel free to contact ShortPixel <a href="https://shortpixel.com/contact" rel="nofollow ugc">here</a>
<h3>Contribute</h3>
Want to help us improve the plugin feel free to submit PRs via GitHub <a href="https://github.com/short-pixel-optimizer/enable-media-replace" rel="nofollow ugc">here</a>.

Enable Media Replace

A simple smart solution


This plugins provides what seems like such essential functionality that I hope Core adopts it. Until then, Enable Media Replace it is. The plugin developers are responsive to needs, requests, and issues.



Thanks for a great plugin!


Essential functionality, responsive support


very useful when you only need to change files


Used everywhere !!

Easily replace any attached image/file by simply uploading a new file in the Media Library edit view - a real time saver!

BM1 Frontend Image Replace vs Enable Media Replace