eclev91

This plugin introduces a couple of nifty functions to replace <code>the_post_thumbnail()</code> & <code>get_the_post_thumbnail()</code> in exchange for the responsive <code>picture</code> element. Use:
<pre><code>get_the_post_picture(
 $fallback_image_size,
 array(
 $breakpoint_1=>$image_size_1,
 $breakpoint_2=>$image_size_2
 )
 [, $id, $atts]
);
</code></pre>
For example:
<pre><code><?php echo get_the_post_picture(
 'single-featured-sm',
 array(
 '(min-width:768px)'=>'single-featured-md',
 '(min-width:992px)'=>'single-featured-lg',
 '(min-width:1200px)'=>'single-featured'
 )
); ?>
</code></pre>
While this says 4.0 for minimum version, I would wager it’ll be fine on most older installations.

Picture Element Thumbnails

Get a picture element instead of an image tag for responsive images on your WordPress site.

Jordy Meow

Perfect Images handles the basics of WordPress image management that should have been built-in from the start. Manage image sizes, disable the ones you don’t need, add custom sizes, and regenerate thumbnails in bulk. It’s the essential foundation every WordPress install needs for clean, efficient image handling.
Think of it as your image management base layer. WordPress creates too many sizes? Disable them. Need a custom thumbnail size? Add it. Want retina support or modern formats like WebP/AVIF? Enable those modules. Perfect Images gives you complete control without bloat.
Explore <a href="https://meowapps.com/wp-retina-2x" rel="nofollow ugc">our official site</a> and check out <a href="https://meowapps.com/wp-retina-2x/tutorial/" rel="nofollow ugc">the tutorial</a> to get started.
<h3>Core Features</h3>
⚙️ Image Size Management 
The foundation of everything. View all registered image sizes (WordPress defaults, theme sizes, plugin sizes), disable the ones you don’t need, and add custom sizes. Finally, control over those pesky WordPress-generated sizes like <code>medium_large</code>, <code>1536x1536</code>, and <code>2048x2048</code>.
🔄 Regenerate Thumbnails 
Bulk regenerate thumbnails after changing sizes or switching themes. Progress tracking, smart processing, and automatic cleanup of old unused sizes.
🖼️ Retina Images (Module) 
Optional module for high-DPI displays. Automatically generate and serve crisp @2x versions of your thumbnails. Works seamlessly with WordPress responsive images.
🎨 Modern Formats (Module) 
Optional WebP/AVIF conversion. Convert images to modern formats for smaller file sizes and faster loading—without replacing your originals.
🤖 AI Upscaling (Module) 
Optional AI-powered upscaling via Claid.ai. Generate larger thumbnails than your source image, or create retina versions without needing 2x originals.
<h3>🖼️ Retina Images</h3>
Your visitors expect sharp, crisp images. Perfect Images makes retina support effortless.
Smart Generation:
<ul>
<li>Automatic retina creation for all thumbnail sizes</li>
<li>Multiple delivery methods (Responsive Images, PictureFill, Retina.js)</li>
<li>Works with WordPress srcset natively</li>
<li>Full-size retina support</li>
</ul>
Delivery Options:
<ul>
<li>Responsive Images: Modern, standard method</li>
<li>PictureFill: Hybrid approach with fallbacks</li>
<li>Retina.js: Client-side detection</li>
<li>Choose what fits your theme best</li>
</ul>
<h3>🎨 Modern Formats</h3>
WebP and AVIF offer dramatically better compression than JPEG/PNG—up to 50% smaller files with the same visual quality.
What You Get:
<ul>
<li>Generate WebP or AVIF for any image size</li>
<li>Automatic browser detection and fallbacks</li>
<li>Works alongside your original images</li>
<li>Enable for thumbnails or full-size</li>
<li>Responsive Images delivery built-in</li>
</ul>
<h3>🤖 AI Features</h3>
Perfect Images integrates with AI services like Claid.ai to unlock powerful upscaling.
Upscaling:
<ul>
<li>Generate retina images without 2x source files</li>
<li>Create thumbnails larger than the original image</li>
<li>Multiple upscaling modes (Smart Enhance, Digital Art, Photo, etc.)</li>
<li>Automatic or manual processing</li>
</ul>
<h3>⚙️ Image Management</h3>
Regenerate Thumbnails:
<ul>
<li>Bulk regenerate all thumbnails</li>
<li>Progress tracking for large libraries</li>
<li>Preserves custom crops</li>
<li>Updates retina and WebP versions automatically</li>
</ul>
Replace Images:
<ul>
<li>Swap images directly from Media Library</li>
<li>Drag & drop replacement in dashboard</li>
<li>Maintains all metadata and links</li>
<li>Updates all thumbnails instantly</li>
</ul>
Manage Sizes:
<ul>
<li>View all registered image sizes</li>
<li>Disable unwanted sizes (medium_large, 1536×1536, etc.)</li>
<li>Create custom sizes</li>
<li>Track which sizes are enabled per image</li>
</ul>
Disable Image Threshold:
<ul>
<li>Stop WordPress from creating “-scaled” versions</li>
<li>Keep your original full-size images intact</li>
</ul>
<h3>Pro Features</h3>
<ul>
<li>Full-size retina images</li>
<li>Full-size WebP/AVIF conversion</li>
<li>Priority support</li>
</ul>
<h3>Why Perfect Images?</h3>
Essential Foundation 
Every WordPress site needs proper image size management and thumbnail control. Perfect Images makes it simple, giving you the baseline image handling WordPress should have included.
Modular & Lightweight 
Start with just image size management and thumbnail regeneration. Enable retina, WebP, or AI modules only if you need them. No bloat, no unnecessary features.
Works with Everything 
Compatible with WooCommerce, page builders, galleries, and any theme. It uses WordPress’s native image handling, so there are no conflicts.
No Database Bloat 
Everything works through WordPress’s existing metadata structure. No custom tables, no performance overhead.
Built for Real Workflows 
Developed by someone who manages dozens of WordPress sites. Every feature solves a real problem we’ve encountered over years of WordPress development.

Perfect Images

The foundational image management plugin for WordPress. Control image sizes, regenerate thumbnails, enable retina, add modern formats—everything you n …

Picture Element Thumbnails vs Perfect Images