Accessibility? Alt text?

Alt text is taken from the Desktop Image, the image; the carries it.

by Core Essentials 5 (1 reviews)

Responsive Picture Block

Name: Responsive Picture Block
Rating: 5.0 (1 reviews)
Author: Core Essentials

Create truly responsive, art-directed images in the block editor. Wrap multiple Image blocks (Desktop/Tablet/Mobile/Custom) and render a single HTML e …

Responsive Picture Block ranks #21,736 among WordPress.org plugins with 40+ active installations, a 5/5 rating from 1 reviews, and was last updated Mar 12, 2026. Data from WordPress.org, refreshed twice daily — see methodology.

Tested up to WP 6.9 (Current: 7.1.1)

v1.1.1 Current Version v1.1.1

Updated 6 months ago Last Update on 12 Mar, 2026

Refreshed 8 hours ago Last Refreshed on

Top 50% by installs Downloads -39.9% this week

View on WordPress.org

Rank

#21,736

— No change

Active Installs

40+

+25%

KW Avg Position

34.3

— No change

Downloads

876

+19 today

Support Resolved

— No change

Rating

100%

Review 5 out of 5

5 (1 reviews)

Next Milestone 50

Total Progress 0%

40+ 50+

13,700

Ranks to Climb

Growth Needed

8,000,000

Active Installs

Pro

Unlock Exact Install Count

See the precise estimated active installs for this plugin, calculated from real-time ranking data.

Exact install estimates within tiers
Track install growth over time
Milestone progress predictions

Upgrade to Pro

Need 10 more installs to reach 50+

Rank Changes

Current #21,736

Change

Best #

Upgrade to Pro

Unlock 30-day and 90-day rank history charts with a Pro subscription.

Upgrade Now

Active Installs Growth

Upgrade to Pro

Active Installs 0,000,000+

Growth +0.0%

Peak 0,000,000

Downloads Growth

Downloads

Growth

Peak

Upgrade to Pro

Unlock 30-day, 90-day, and yearly download history charts with a Pro subscription.

Upgrade Now

Reviews & Ratings

5.0

1 reviews

Overall 100%

1 (100%)

0 (0%)

Track This Plugin

Get detailed analytics, keyword tracking, and position alerts delivered to your inbox.

Start Tracking Free

Plugin Details

Version: 1.1.1
Last Updated: Mar 12, 2026
Requires WP: 6.3+
Tested Up To: 6.9
PHP Version: 7.4 or higher
Author: Core Essentials

Support & Rating

Rating: ★ ★ ★ ★ ★ 5
Reviews: 1
Support Threads: 0
Resolved: 0%

Keywords

art-direction block-editor gutenberg picture element responsive images

Upgrade to Pro

Unlock keyword rankings, search positions, and detailed analytics with a Pro subscription.

Upgrade Now

Similar Plugins

Adminify – White Label, Admin Menu Editor, Login Customizer

6K+ installs

#2,754

Master Addons for Elementor – Elementor Addons, Widgets, Mega Menu Builder, Popup Builder, Widget Builder & Template Kits

30K+ installs

#1,007

Frequently Asked Questions

Common questions about Responsive Picture Block

No. Each <source> (and the fallback <img>) still uses WordPress’ native responsive srcset. The plugin adds art direction by swapping sources per breakpoint; srcset then chooses the best resolution within that source.

Yes. Add more Custom Images with your media queries. The plugin sorts them (and Tablet/Mobile) into the correct order so the right source wins.

No. It’s optional and only affects resolution selection inside a matched source. If you use it, follow the pattern: (media) length, …, fallback-length (e.g., (max-width: 1024px) 100vw, 1024px).

Alt text is taken from the Desktop Image, the image; the <picture> <img> carries it.

All aspect ratio and scale settings are taken from the individual image, so if your mobile image is 9:16 and desktop image is set to 4:3 both will be respected at their screen sizes.

You can upload AVIF/WebP assets and still provide a PNG/JPEG fallback in the Desktop image if needed. The browser will pick the first matching <source> (by media and optionally type) and an optimal width via srcset.

As of version 1.1.0, the Responsive Picture Block fully supports WordPress Synced Patterns with Overrides. You can: 1. Create a synced pattern containing a Responsive Picture Block 2. Enable overrides on the Desktop, Tablet, and Mobile images 3. Use the pattern across multiple pages 4. Replace images on each page using the standard "Replace" feature Each page will display different images while maintaining the same responsive structure and design. The Block Bindings API handles all image attributes (id, url, alt, caption) automatically.

Responsive Picture Block

Next Milestone 50

Unlock Exact Install Count

Rank Changes

Upgrade to Pro

Active Installs Growth

Downloads Growth

Upgrade to Pro

Reviews & Ratings

Track This Plugin

Plugin Details

Support & Rating

Keywords

Upgrade to Pro

Similar Plugins

Frequently Asked Questions

Sign In / Register