Narcissistic, Perfectly Modest

    images-responsiver

    1.9.1 • Public • Published

    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.

    Documentation

    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.

    Authors

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

    License

    This project is licensed under the MIT License.

    Install

    npm i images-responsiver

    DownloadsWeekly Downloads

    128

    Version

    1.9.1

    License

    MIT

    Unpacked Size

    13.7 kB

    Total Files

    6

    Last publish

    Collaborators

    • avatar