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

Cool ;-)

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

Josh Davis

Automatically converts all Gravity Form labels into HTML5 placeholders. Includes Modernizr to add placeholder support to Internet Explorer.

Gravity Forms Auto Placeholders

Automatically converts all Gravity Form labels into HTML5 placeholders. Includes Modernizr to add placeholder support to Internet Explorer.

Media Placeholders vs Gravity Forms Auto Placeholders