Images Responsiver

Global solution for responsive images, transforming simple image HTML syntax into better responsive images syntax.

Images Responsiver

Build Status GitHub stars

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

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

A Node.js library to ease responsive images

Images Responsiver transforms plain, 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, where the need is known as Resolution Switching.

Read this article on Cloudfour’s blog to know more of the theory.

A plugin for Eleventy

Images Responsiver is also available as a plugin for Eleventy, a great Static Site Generator. 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.


Read the full documentation here:

One repository, multiple projects

Multiple projects are managed inside this shared monorepo.

Package Description Docs
images-responsiver The core package docs
eleventy-plugin-images-responsiver A plugin for Eleventy, a Static Site Generator docs


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


Thanks for your interest in contributing!

There are many ways to contribute to this project. Get started here.

Tools and automations


This project is licensed under the MIT License.