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.

Ron Rennick

marksabbath

Nathan Rice

StudioPress

This plugin allows you to create a simple responsive slider that displays the featured image, along with the title and excerpt from each post.
It includes options for the maximum dimensions of your slideshow, allows you to choose to display posts or pages, what category to pull from, and even the specific post IDs of the posts you want to display. It includes next/previous arrows and a pager along with the option to turn both on or off. Finally, you can place the slider into a widget area.
The slideshow is also responsive and will automatically adjust for the screen it is being displayed on.
Note: This plugin only supports Genesis child themes.
<h3>Child Theme Integration</h3>
To adjust the slider defaults for a child theme use a filter similiar to the following:
<pre><code>add_filter( 'genesis_responsive_slider_settings_defaults', 'my_child_theme_responsive_slider_defaults' );

function my_child_theme_responsive_slider_defaults( $defaults ) {
 $defaults = array(
 'post_type' => 'post',
 'posts_term' => '',
 'exclude_terms' => '',
 'include_exclude' => '',
 'post_id' => '',
 'posts_num' => 5,
 'posts_offset' => 0,
 'orderby' => 'date',
 'slideshow_timer' => 4000,
 'slideshow_delay' => 800,
 'slideshow_arrows' => 1,
 'slideshow_pager' => 1,
 'slideshow_loop' => 1,
 'slideshow_height' => 400,
 'slideshow_width' => 920,
 'slideshow_effect' => 'slide',
 'slideshow_excerpt_content' => 'excerpts',
 'slideshow_excerpt_content_limit' => 150,
 'slideshow_more_text' => '[Continue Reading]',
 'slideshow_excerpt_show' => 1,
 'slideshow_excerpt_width' => 50,
 'location_vertical' => 'bottom',
 'location_horizontal' => 'right',
 'slideshow_hide_mobile' => 1
 );
 return $defaults;
}
</code></pre>

Genesis Responsive Slider

This plugin allows you to create a simple responsive slider that displays the featured image, along with the title and excerpt from each post.

Responsive Image Switcher vs Genesis Responsive Slider