imfaizanakram

<p>Auto-Disable Unused Image Sizes is a professional, lightweight WordPress plugin that helps you save storage space and improve performance by preventing unused image sizes from being generated when you upload new images.</p>
<p><strong>🎯 Key Features:</strong></p>
<ul>
<li><strong>Smart Image Size Detection</strong>: Automatically detects all WordPress image sizes including default sizes (thumbnail, medium, large) and custom sizes added by themes and plugins</li>
<li><strong>Beautiful Admin Dashboard</strong>: Modern, responsive interface with statistics dashboard, bulk actions, and visual feedback</li>
<li><strong>Bulk Management</strong>: Select all, deselect all, and bulk enable/disable operations for efficient management</li>
<li><strong>Real-time Updates</strong>: Live statistics and visual feedback as you make changes</li>
<li><strong>Keyboard Shortcuts</strong>: Use Ctrl+A to select all, Ctrl+D to deselect all, and Escape to clear selection</li>
<li><strong>Responsive Design</strong>: Works perfectly on all devices including mobile and tablet</li>
<li><strong>Accessibility</strong>: Full keyboard navigation and screen reader support</li>
<li><strong>Lightweight</strong>: No external libraries, no ads, no pro version upsells</li>
</ul>
<p><strong>🚀 How It Works:</strong></p>
<p>When you upload an image, WordPress automatically generates multiple sizes (thumbnail, medium, large, etc.). This plugin hooks into the image generation process and removes any sizes you’ve disabled from the generation list. This means:</p>
<ul>
<li>✅ <strong>New images</strong> won’t generate the disabled sizes</li>
<li>✅ <strong>Existing images</strong> remain untouched</li>
<li>✅ <strong>Storage space</strong> is saved on future uploads</li>
<li>✅ <strong>Performance</strong> improves with fewer image files</li>
<li>✅ <strong>Immediate effect</strong> after saving settings</li>
</ul>
<p><strong>🎨 User Experience Features:</strong></p>
<ul>
<li><strong>Statistics Dashboard</strong>: See total, disabled, and active image sizes at a glance</li>
<li><strong>Visual Cards</strong>: Each image size displayed in an attractive card with status indicators</li>
<li><strong>Smart Labels</strong>: Clear distinction between default and custom image sizes</li>
<li><strong>Dimension Display</strong>: Shows actual pixel dimensions for each size</li>
<li><strong>Status Indicators</strong>: Color-coded enabled/disabled states</li>
<li><strong>Bulk Actions</strong>: Efficiently manage multiple sizes at once</li>
<li><strong>Success Messages</strong>: Clear feedback for all operations</li>
<li><strong>Helpful Tips</strong>: Built-in guidance for optimal usage</li>
</ul>
<p><strong>💡 Perfect For:</strong></p>
<ul>
<li><strong>Developers</strong> who want to control which image sizes are generated</li>
<li><strong>Site Owners</strong> with limited storage space</li>
<li><strong>Performance Enthusiasts</strong> looking to optimize their WordPress site</li>
<li><strong>Content Creators</strong> who only need specific image sizes</li>
<li><strong>Agencies</strong> managing multiple client sites</li>
<li><strong>Anyone</strong> looking to optimize their WordPress media library</li>
</ul>


Auto-Disable Unused Image Sizes

A lightweight WordPress plugin that lets users disable unused image sizes to save storage space and improve performance.

stefanledin

<p>Responsify WP is the WordPress plugin that cares about responsive images.</p>
<h3>Features</h3>
<ul>
<li>Use <code>img</code> with srcset/sizes attributes.</li>
<li>…or the <code>picture</code> element.</li>
<li>Works with or without <a href="http://scottjehl.github.io/picturefill/" rel="nofollow ugc">Picturefill</a>.</li>
<li>Supports high resolution images (retina).</li>
<li>Custom media queries.</li>
<li>Handpick which image sizes to use.</li>
<li>Responsive background images.</li>
</ul>
<h3><a href="https://www.youtube.com/watch?v=3ThYWO6vHKI&spfreload=10" rel="nofollow ugc">Demo</a></h3>
<p>Responsify WP finds featured images and all images inside the content and makes them responsive.<br />
For example, you might have a template that looks like this:</p>
<pre><code><article>
    <h1><?php the_title();?></h1>
    <?php the_content();?>
</article>
</code></pre>
<p>That will output something like this:</p>
<pre><code><article>
    <h1>Hello world</h1>
    <p>Lorem ipsum dolor sit amet...</p>
    <img src="large.jpg" alt="Image description">
</article>
</code></pre>
<p>But once you have activated the plugin, it will look like this instead:</p>
<pre><code><article>
    <h1>Hello world</h1>
    <p>Lorem ipsum dolor sit amet...</p>
    <img sizes="(min-width: 300px) 1024px, (min-width: 150x) 300px, 150px"
        srcset="thumbnail.jpg 150w,
        medium.jpg 300w,
        large.jpg 1024w"
        alt="Image description">
</article>
</code></pre>
<p>You can also choose to use the <code>picture</code> element instead:</p>
<pre><code><article>
    <h1>Hello world</h1>
    <p>Lorem ipsum dolor sit amet...</p>
    <picture>
        <source srcset="full-size.jpg" media="(min-width: 1024px)">
        <source srcset="large.jpg" media="(min-width: 300px)">
        <source srcset="medium.jpg" media="(min-width: 150px)">
        <img srcset="thumbnail.jpg" alt="Image description">
    </picture>
</article>
</code></pre>
<p>It also works with high resolution (retina) images:</p>
<pre><code><article>
    <h1>Hello world</h1>
    <p>Lorem ipsum dolor sit amet...</p>
    <picture>
        <source srcset="full-size.jpg" media="(min-width: 1024px)">
        <source srcset="large.jpg, large_retina.jpg 2x" media="(min-width: 300px)">
        <source srcset="medium.jpg, medium_retina.jpg 2x" media="(min-width: 150px)">
        <img srcset="thumbnail.jpg, thumbnail_retina.jpg 2x" alt="Image description">
    </picture>
</article>
</code></pre>
<p>The different versions of the image in the examples above is in the standard <code>thumbnail</code>, <code>medium</code>, <code>large</code> and <code>full</code> sizes.<br />
The <strong>media queries</strong> are based on the width of the “previous” image.<br />
Any <strong>custom sizes</strong> of the image will also be found and used.</p>
<h3>Settings</h3>
<p>You can <strong>select which image sizes</strong> that the plugin should use from the RWP settings page.<br />
These settings can be overwritten from your templates.</p>
<pre><code><?php

// Using get_posts()
$posts = get_posts( array(
    'post_type' => 'portfolio',
    'rwp_settings' => array(
        'sizes' => array('large', 'full')
    )
) );
foreach( $posts as $post ) {
    // ...
}

// Using WP_Query()
$query = new WP_Query( array(
    'category_name' => 'wordpress',
    'rwp_settings' => array(
        'sizes' => array('large', 'full')
    )
) );
if ( $query->have_posts() ) {
    // ...
}
?>
</code></pre>
<p><strong>Available settings:</strong></p>
<ul>
<li>Select which image sizes to use.</li>
<li>Set/override attributes.</li>
<li>Set custom media queries.</li>
<li>Turn on/off retina.</li>
<li>Ignore image formats.</li>
</ul>
<h3>Functions</h3>
<p>RWP provides a number of functions that can generate responsive images in your templates.<br />
Let’s say that you have the following markup for a very large header image:</p>
<pre><code><header>
    <?php the_post_thumbnail( 'full' ); ?>
</header>
</code></pre>
<p>As you probably know, <code>the_post_thumbnail()</code> will create a regular <code><img></code> tag with the full-size image in this case.<br />
But you don’t want to send a big 1440px image to a mobile device. This can easily be solved like this:</p>
<pre><code><header>
    <?php
    $thumbnail_id = get_post_thumbnail_id( $post->ID );

    // Generate an <img> tag with srcset/sizes attributes.
    echo rwp_img( $thumbnail_id );

    // Generate a <picture> element
    echo rwp_picture( $thumbnail_id );
    ?>
</header>
</code></pre>
<h3>Website</h3>
<p><a href="http://responsifywp.com" rel="nofollow ugc">http://responsifywp.com</a>.</p>
<h3>Demo</h3>
<p><a href="http://responsifywp.com/demo" rel="nofollow ugc">http://responsifywp.com/demo</a>.</p>
<h3>Documentation and examples</h3>
<p><a href="https://github.com/stefanledin/responsify-wp" rel="nofollow ugc">https://github.com/stefanledin/responsify-wp</a>.</p>
<h3>Requirements</h3>
<ul>
<li>PHP 5.3</li>
</ul>


Auto-Disable Unused Image Sizes vs Responsify WP