Super Interactive

This simple yet highly effective plugin solves a very common annoyance when developing a WordPress website locally. Often, when running a WordPress application locally for development, you don’t have the entire uploads directory at hand. This causes every page load to trigger a large amount of 404 errors, each of which are routed to expensive WordPress requests.
Super Interactive Image Placeholders will automatically replace each request for an image with a random image from <a href="http://picsum.photos" rel="nofollow ugc">Lorem Picsum</a>, avoiding the 404 errors and speeding up local WordPress development enormously. As a nice side effect, it will also make your website look a lot nicer without all the missing images.

Super Interactive Image Placeholders

Display placeholder Lorem Picsum images to avoid chains of 404 requests caused by an incomplete uploads directory (while developing)

Weston Ruter

Activate this plugin to redirect all requests for missing uploaded images on your blog to your favorite placeholder image service, such as <a href="http://placehold.it" rel="nofollow ugc">placehold.it</a> or <a href="http://placekitten.com/" rel="nofollow ugc">placekitten.com</a>. Note that although kittens are cute, the placehold.it service is actually more useful because the background and foreground color can remain consistant across all image sizes (e.g. full size vs thumbnail in a gallery), and so it is easier to see which images in a page are related to each other. (You can change the default placehold.it service to placekitten.com by defining <code>MISSING_UPLOADED_IMAGE_PLACEHOLDER_BUILTIN</code> to be <code>placekitten_color</code> or <code>placekitten_grayscale</code>, or supplying those same values via the <code>missing_uploaded_image_placeholder_builtin</code> filter).
This plugin is for use during development only. It is expected that this plugin will be activated on your local development environment (e.g. on Vagrant or XAMPP), or on your staging server. This plugin is especially useful when working on a team where you share around a database dump but not the uploaded images (which should always be omitted from the code repository), so if you give a database dump to another developer but don’t include the uploaded images, with this plugin enabled they will see a placeholder where the uploaded image appears. This plugin is an alternative approach to what is offered by the <a href="https://wordpress.org/plugins/uploads-by-proxy/" rel="ugc">Uploads by Proxy</a> plugin.
If you have applied the production database to another environment which lacks the uploaded files, but you know that all images referenced in the database do exist on production, you can define the <code>MISSING_UPLOADED_IMAGE_REDIRECT_SERVER</code> constant or filter <code>missing_uploaded_image_redirect_server</code> to short-circuit the placeholder service and redirect the image request to that server.
This plugin will not work if you are on a multisite network that uses the old system for referring to uploaded files, where the URL includes <code>/files/</code> which is intercepted by a rewrite rule and passed directly to <code>ms-files.php</code>. See <a href="https://core.trac.wordpress.org/ticket/19235" title="Turn ms-files.php off by default" rel="nofollow ugc">#19235</a>. Similarly, make sure that missing uploaded files get served by the WordPress 404 handler, not Apache/Nginx. If you are using Nginx with the default Varying Vagrant Vagrants config, you’ll want to remove <code>png|jpg|jpeg|gif</code> from the following location rule in <code>nginx-wp-common.conf</code> (or remove it altogether):
<pre><code># Handle all static assets by serving the file directly. Add directives 
# to send expires headers and turn off 404 error logging.
location ~* \.(js|css|png|jpg|jpeg|gif|ico)$ {
 expires 24h;
 log_not_found off;
}
</code></pre>
You can add support for your own favorite placeholder services by filtering <code>missing_uploaded_image_placeholder</code>. 
For example, you can add this to your <code>functions.php</code> or drop it into a <code>mu-plugin</code>:
<pre><code><?php
/**
 * Use Flickholdr as placeholder service
 * @param null|string $url
 * @param array $args {attached_file, width, height, attachment_id}
 */
function my_filter_missing_uploaded_image_placeholder( $url, $args ) {
 $attachment = get_post( $args['attachment_id'] );
 $tags = join( ' ', array(
 $attachment->post_title,
 $attachment->post_excerpt,
 $attachment->post_content,
 $attachment->_wp_attachment_image_alt
 ) );
 $tags = strtolower( preg_replace( '#[^A-Za-z0-9]+#', ',', $tags ) );
 $tags = trim( $tags, ',' );
 $url = sprintf( 'http://flickholdr.com/%d/%d/%s', $args['width'], $args['height'], $tags );
 return $url;
}
add_filter( 'missing_uploaded_image_placeholder', 'my_filter_missing_uploaded_image_placeholder', 10, 2 );
</code></pre>
Development of this plugin is done <a href="https://github.com/x-team/wp-media-placeholders" rel="nofollow ugc">on GitHub</a>. Pull requests welcome. Please see <a href="https://github.com/x-team/wp-media-placeholders/issues" rel="nofollow ugc">issues</a> reported there before going to the plugin forum.

Media Placeholders

Redirect requests to non-existent uploaded images to a placeholder service like placehold.it or placekitten.com. For use during development.

Super Interactive Image Placeholders vs Media Placeholders