Title: Enable Responsive Image Author: Aki Hamano Published: 12 de Diciembre de 2023 Last modified: 3 de Marzo de 2026 --- Buscar plugins ![](https://ps.w.org/enable-responsive-image/assets/banner-772x250.png?rev=3008450) ![](https://ps.w.org/enable-responsive-image/assets/icon-256x256.png?rev=3008450) # Enable Responsive Image Por [Aki Hamano](https://profiles.wordpress.org/wildworks/) [Descargar](https://downloads.wordpress.org/plugin/enable-responsive-image.1.6.0.zip) [Vista previa](https://cl.wordpress.org/plugins/enable-responsive-image/?preview=1) * [Detalles](https://cl.wordpress.org/plugins/enable-responsive-image/#description) * [Reseñas](https://cl.wordpress.org/plugins/enable-responsive-image/#reviews) * [Instalación](https://cl.wordpress.org/plugins/enable-responsive-image/#installation) * [Desarrollo](https://cl.wordpress.org/plugins/enable-responsive-image/#developers) [Soporte](https://wordpress.org/support/plugin/enable-responsive-image/) ## Descripción 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. ### Recursos #### Imagen para captura de pantalla * License: Public Domain * Fuente: https://openverse.org/image/cd8e5cc5-d38a-462e-b4c1-1ea5c6f94e20 ## Capturas de pantalla * [[ * Ajustes agregados a la barra lateral del bloque de imagen * [[ * Cómo la imagen cambia dependiendo del ancho de la pantalla ## Instalación 1. Sube la carpeta `enable-responsive-image` al directorio `/wp-content/plugins/`. 2. Activa el plugin desde el menú \’Plugins\’ en WordPress. ## FAQ ### ¿Cómo funciona el plugin? 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. ### No funciona correctamente cuando se agregan varias imágenes. 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. ### ¿Qué filtros puedo usar? You can find a list of the available filters in the [Github readme](https://github.com/t-hamano/enable-responsive-image#filters). ## Reseñas ![](https://secure.gravatar.com/avatar/83fabe163ff5f3406b03ffa2337bc87c0ebc5c3c2cfcca2c36286a8ca9f3e4bb? s=60&d=retro&r=g) ### 󠀁[Great Plug-In. Should be added to Core](https://wordpress.org/support/topic/great-plug-in-should-be-added-to-core/)󠁿 [digberlin](https://profiles.wordpress.org/digberlin/) 17 de Marzo de 2025 Must-have plug-in for responsive websites. ![](https://secure.gravatar.com/avatar/2892d0b180230dc82c8c8898e5b5d925837b0e51f80f8a5df52ed0d5150028b2? s=60&d=retro&r=g) ### 󠀁[Must install for website creation at work.](https://wordpress.org/support/topic/must-install-for-website-creation-at-work/)󠁿 [けい (Kei Nomura)](https://profiles.wordpress.org/mypacecreator/) 12 de Marzo de 2025 This is exactly the plugin I wanted. Thank you. ![](https://secure.gravatar.com/avatar/a7276235fb250f091f56688568365e47d4536c5acc9b22873be5d89ded125a3e? s=60&d=retro&r=g) ### 󠀁[5 Stars](https://wordpress.org/support/topic/5-stars-594/)󠁿 [iz4atkal](https://profiles.wordpress.org/iz4atkal/) 8 de Diciembre de 2024 Very convenient! ![](https://secure.gravatar.com/avatar/dee401e1fe480a559f65112ceee2d7a9d2f95dfebde8d00eebc9697c6fe63a80? s=60&d=retro&r=g) ### 󠀁[Very useful for professional site builds](https://wordpress.org/support/topic/very-useful-for-professional-site-builds/)󠁿 [onetrev](https://profiles.wordpress.org/onetrev/) 26 de Julio de 2024 Working well, just what was needed. Thanks for making this! While I understand this functionality not being the core image block, it’s essential for any kind of professional site build so thank you very much for making it! ![](https://secure.gravatar.com/avatar/62fe212021d456e5fdb54e3ee53bdd71b42a195b3e9ca74c7c0494cb96425d30? s=60&d=retro&r=g) ### 󠀁[The Plugin I Have Been Waiting For!!](https://wordpress.org/support/topic/the-plugin-i-have-been-waiting-for-2/)󠁿 [stevieboy23](https://profiles.wordpress.org/stevieboy23/) 7 de Febrero de 2024 At last! I have waited a long time for this functionality to come to Gutenberg… As far as I know, this is the only plugin out there that will allow you to set different images for different screen sizes – all inside the block editor!! No more outside- the-editor workarounds needed to achieve this – Brilliant!!!By-the-way, this developer has created a whole “swiss army knife” range of additional plugins for Gutenberg: Flexible Spacer Block, Flexible Table Block and more. Well done, thank you, and keep up the great work, Very Best Wishes!!!! [ Leer los 5 comentarios ](https://wordpress.org/support/plugin/enable-responsive-image/reviews/) ## Colaboradores & Desarrolladores “Enable Responsive Image” es software de código abierto. Las siguientes personas han contribuido a este plugin. Colaboradores * [ Aki Hamano ](https://profiles.wordpress.org/wildworks/) * [ Toro_Unit (Hiroshi Urabe) ](https://profiles.wordpress.org/toro_unit/) “Enable Responsive Image” ha sido traducido en 4 idiomas. Gracias a [los traductores](https://translate.wordpress.org/projects/wp-plugins/enable-responsive-image/contributors) por sus contribuciones. [Traduce “Enable Responsive Image” a tu idioma.](https://translate.wordpress.org/projects/wp-plugins/enable-responsive-image) ### ¿Interesado en el desarrollo? [Revisa el código](https://plugins.trac.wordpress.org/browser/enable-responsive-image/), echa un vistazo al [repositorio SVN](https://plugins.svn.wordpress.org/enable-responsive-image/), o suscríbete al [registro de desarrollo](https://plugins.trac.wordpress.org/log/enable-responsive-image/) por [RSS](https://plugins.trac.wordpress.org/log/enable-responsive-image/?limit=100&mode=stop_on_copy&format=rss). ## Historial de cambios #### 1.6.0 * Tested to WordPress 7.0 * Drop support for WordPress 6.8 * Mejoras en la barra lateral del bloque * Accessibility: Improve source button aria-label #### 1.5.0 * Tested to WordPress 6.9 * Enhancement: Update block toolbar icon * Drop support for WordPress 6.6 and 6.7 * Drop support for PHP 7 #### 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 * Probado en WordPress 6.7 * Dejar de dar soporte a WordPress 6.4 #### 1.2.0 * Probado en WordPress 6.6 #### 1.1.1 * Eliminar registro de cambios innecesarios #### 1.1.0 * Probado en WordPress 6.5 * Mejoras en la barra lateral del bloque #### 1.0.0 * Versión inicial ## Meta * Versión **1.6.0** * Última actualización **hace 1 mes** * Instalaciones activas **1,000+** * Versión de WordPress ** 6.9 o superior ** * Probado hasta **7.0** * Versión de PHP ** 8.0 o superior ** * Idiomas * [Chinese (Taiwan)](https://tw.wordpress.org/plugins/enable-responsive-image/), [English (US)](https://wordpress.org/plugins/enable-responsive-image/), [Japanese](https://ja.wordpress.org/plugins/enable-responsive-image/), [Spanish (Chile)](https://cl.wordpress.org/plugins/enable-responsive-image/), y [Spanish (Spain)](https://es.wordpress.org/plugins/enable-responsive-image/). * [Traducir a tu idioma](https://translate.wordpress.org/projects/wp-plugins/enable-responsive-image) * Etiquetas * [block](https://cl.wordpress.org/plugins/tags/block/)[gutenberg](https://cl.wordpress.org/plugins/tags/gutenberg/) [image](https://cl.wordpress.org/plugins/tags/image/)[responsive](https://cl.wordpress.org/plugins/tags/responsive/) * [Vista Avanzada](https://cl.wordpress.org/plugins/enable-responsive-image/advanced/) ## Calificaciones 5 de 5 estrellas. * [ 5 valoraciones de 5 estrellas ](https://wordpress.org/support/plugin/enable-responsive-image/reviews/?filter=5) * [ 0 valoraciones de 4 estrellas ](https://wordpress.org/support/plugin/enable-responsive-image/reviews/?filter=4) * [ 0 valoraciones de 3 estrellas ](https://wordpress.org/support/plugin/enable-responsive-image/reviews/?filter=3) * [ 0 valoraciones de 2 estrellas ](https://wordpress.org/support/plugin/enable-responsive-image/reviews/?filter=2) * [ 0 valoraciones de 1 estrellas ](https://wordpress.org/support/plugin/enable-responsive-image/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/enable-responsive-image/reviews/#new-post) [Ver todas las reseñas](https://wordpress.org/support/plugin/enable-responsive-image/reviews/) ## Colaboradores * [ Aki Hamano ](https://profiles.wordpress.org/wildworks/) * [ Toro_Unit (Hiroshi Urabe) ](https://profiles.wordpress.org/toro_unit/) ## Soporte ¿Tienes algo que decir? ¿Necesitas ayuda? [Ver el foro de soporte](https://wordpress.org/support/plugin/enable-responsive-image/)