getode

Responsive Image Switcher is a lightweight Gutenberg block that simplifies responsive image management in WordPress. Add the block, upload a desktop image (for screens ≥768px) and a mobile-optimized image (for screens <767px), and the plugin generates clean HTML5 <code><picture></code> markup. The browser automatically loads the appropriate image based on screen width, ensuring fast load times and an optimal user experience.
Key Features: 
– Device-Specific Images: Show different images on desktop (≥768px) and mobile (<767px) 
– Lightweight Solution: Uses standard HTML5 <code><picture></code> tags without extra JavaScript 
– Better Performance: Optimized for Core Web Vitals by reducing unnecessary image loading 
– SEO Friendly: Improves mobile user experience and page speed 
– Simple Interface: Easy-to-use block controls in the Gutenberg editor
Why Choose Responsive Image Switcher? 
With over 60% of web traffic coming from mobile devices, delivering the right image for each screen size is critical. This plugin eliminates the need for complex CSS media queries or CDN setups, making responsive images accessible to everyone.

Responsive Image Switcher

A lightweight block for responsive image switching between desktop and mobile.

Peytz &amp; Co

Compute

James Bonham

This plugin makes images, embedded videos (for example YouTube and Vimeo) and other media fully responsive. It also improves the html markup of images in the content, both with and without captions.
More precisely, this plugin makes the following changes…
<ol>
<li>Removes p tags that wrap around inline images</li>
<li>Makes avatars responsive by removing width and height</li>
<li>Makes images in the post content responsive by removing width and height</li>
<li>Makes featured images responsive by removing width and height</li>
<li>Changes inline images that have captions to use the standard html5 figure/figcaption elements (only if not already defined in your theme features)</li>
<li>Makes oembeds responsive, so that they fit the width of the container</li>
<li>Links inline image to none by default, not to the media file</li>
</ol>
Contribute to <a href="https://github.com/Peytz-WordPress/pco-media-handler" rel="nofollow ugc">this project</a> on <a href="https://github.com/Peytz-WordPress" rel="nofollow ugc">github</a> or see <a href="https://profiles.wordpress.org/peytzco/" rel="nofollow ugc">all of our favorite and custom-made plugins</a>

Pco Media Handler

Improve the markup of featured images, inline images and embeds, and make them all responsive to all screen sizes.

Responsive Image Switcher vs Pco Media Handler