Create truly responsive, art-directed images in the block editor. Wrap multiple Image blocks (Desktop/Tablet/Mobile/Custom) and render a single HTML e …
As of April 2026, Responsive Picture Block is a WordPress gutenberg plugin with 0 active installations and a 5/5 rating from 1 reviews. It has been downloaded 934 times in total. Requires WordPress 6.3+ and PHP 7.4+. Available on WordPress.org since 2025. Actively maintained — updated within the last month. Support resolution rate: 100%. Top alternative: Classic Editor.
Core Essentials – Responsive Picture Block turns several standard Image blocks into one semantic, front-end <picture> HTML element. It’s built for art direction: choose different crops, compositions, or formats for different breakpoints (e.g., a tight mobile crop, a wider desktop crop, or an AVIF/WebP source).
Why this matters:
<picture> vs <img srcset>
srcset is great for picking the right resolution of the same image. But when you need different content (crop/ratio/composition) at different viewport widths, you need art direction — that’s exactly what <picture> does by letting you swap entire sources via <source media="…">.
Editor-first UX
Authors see a single “Responsive Picture (Block)” wrapper, then insert one Image per breakpoint. The plugin mirro…
| WordPress | 6.3+ requiredTested up to 6.9.4 |
| PHP | 7.4+ required |
Plugin data sourced from WordPress.org. Analysis and metrics by PluginSift.