Plugins DatabasePlugins Database logo
Back to plugins
WordPress

Actions

DownloadAuthor pageSee on WordPress

Plugin info

Total downloads: 9,676
Active installs: 900
Total reviews: 5
Average rating: 5
Support threads opened: 0
Support threads resolved: 0 (0%)
Available in: 5 language(s)
Contributors: 4
Last updated: 3/17/2025 (289 days ago)
Added to WordPress: 12/12/2023 (2 years old)
Minimum WordPress version: 6.6
Tested up to WordPress version: 6.8.3
Minimum PHP version: 7.4

Maintenance & Compatibility

Maintenance score

Stale • Last updated 289 days ago • 5 reviews

40/100

Is Enable Responsive Image abandoned?

Likely maintained (last update 289 days ago).

Compatibility

Requires WordPress: 6.6
Tested up to: 6.8.3
Requires PHP: 7.4

Ratings

5
0
0
0
0See all reviews

Developers

Aki Hamano (Owner)6Toro_Unit (Hiroshi Urabe) (Owner)24Toro_Unit (Hiroshi Urabe)10Aki Hamano1

Languages

Spanish (Spain)32,360Japanese14,019Spanish (Chile)8,024Chinese (Taiwan)6,927

Similar & Alternatives

Explore plugins with similar tags, and compare key metrics like downloads, ratings, updates, support, and WP/PHP compatibility.

Accordion Blocks
Rating 5.0/5 (36 reviews) • Active installs 10,000
Compare
Flexible Spacer Block
Rating 5.0/5 (8 reviews) • Active installs 4,000
Compare
Block Editor: Reverse Columns on Mobile
Rating 5.0/5 (4 reviews) • Active installs 200
Compare
Responsive Block Visibility Swap
Rating 5.0/5 (1 reviews) • Active installs 100
Compare
Groundworx Carousel
Rating 4.0/5 (1 reviews) • Active installs 20
Compare
Grid Blocks
Rating 0.0/5 (0 reviews) • Active installs 10
Compare
See more alternatives to Enable Responsive Image

Description

Enable Responsive Image adds settings to the Image block to display different images depending on the width of the screen. You can add multiple images and set media queries and resolution for each image. If the screen width matches the conditions of that media query, it will switch to the corresponding image.

Resources

Image for screenshot

  • License: Public Domain
  • Source: https://openverse.org/image/cd8e5cc5-d38a-462e-b4c1-1ea5c6f94e20

Installation

  1. Upload the enable-responsive-image folder to the /wp-content/plugins/ directory.
  2. Activate the plugin through the \’Plugins\’ menu in WordPress.

Frequently Asked Questions

How does this plugin work?

This plugin rewrites the HTML markup for the image block rendered on the front end. Wrap the img element with a picture element, and add source elements with srcset and media attributes inside the picture element based on the settings of the added image.

It does not work correctly when multiple image sources are set.

Try rearranging the order of the images. For example, if both images have a Media Query Type of max-width, the one with the smaller value should be ordered on top.

Even if I switch the screen width or device on the editor, it does not switch to the set image.

On the editor side, images do not switch by default. Click the “Enable responsive image preview” button on the block toolbar.

What filters can I use?

You can find a list of the available filters in the Github readme.

Review feed

けい (Kei Nomura)
3/12/2025

Must install for website creation at work.

This is exactly the plugin I wanted. Thank you.

Screenshots

  1. Settings added to the block sidebar of the image block

    Settings added to the block sidebar of the image block

  2. How the image changes depending on the screen width

    How the image changes depending on the screen width

Changelog

1.4.0

  • Tested to WordPress 6.8
  • Enhancement: Show full srcset url
  • Accessibility: Respect user preference for CSS transitions
  • Drop support for WordPress 6.5

1.3.0

  • Tested to WordPress 6.7
  • Drop support for WordPress 6.4

1.2.0

  • Tested to WordPress 6.6

1.1.1

  • Remove unnecessary changelog

1.1.0

  • Tested to WordPress 6.5
  • Enhancement: Polish block sidebar

1.0.0

  • Initial release
Back to plugins