Images Responsiver

Build Status GitHub stars

Images Responsiver is a simple solution for most responsive images needs.

Responsive images are difficult to implement, but they’re required to provide a good performance to Web users.

Images Responsiver transforms simple <img src="…"> HTML tags into better responsive images syntax with srcset and sizes attributes. Knowing that <picture> is only required for rare advanced usages, Images Responsiver should be enough for most use cases, known as Resolution Switching. Read this article on Cloudfour’s blog to know more of the theory.

Images Responsiver is also available as a plugin for Eleventy, a great Static Site Generator: eleventy-plugin-images-responsiver. It allows authors to use the simple and standard Markdown syntax for images (![alt text](image.jpg)) and yet get responsive images in the generated HTML, with srcset and sizes attributes.


Images Responsiver documentation is awaiting a full rewrite.

In the mean time, most of the documentation for eleventy-plugin-images-responsiver, the Eleventy plugin that uses it, should be enough to understand how it works.

“Just” replace any Markdown with the HTML it is transformed into, and use the same configuration to get the same result.


See also the list of contributors who participated in this project.


This project is licensed under the MIT License.