Package Exports
- images-responsiver
This package does not declare an exports field, so the exports above have been automatically detected and optimized by JSPM instead. If any package subpath is missing, it is recommended to post an issue to the original package (images-responsiver) to support the "exports" field. If that is not possible, create a JSPM override to customize the exports field for this package.
Readme
images-responsiver
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.
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 () and yet get responsive images in the generated HTML, with srcset and sizes attributes.
Documentation
- Installation
- Tutorial
- Step 1: Default behavior without
images-responsiver - Step 2: Better behavior with
images-responsiverand default configuration - Step 3: Enhanced behavior with some configuration
- Step 4: Making it more robust with image dimensions
- Step 5: Dealing with images filenames and URLs
- Step 6: Even better responsive images
- Step 1: Default behavior without
- Examples
Authors
- Nicolas Hoizey: Idea and initial work, maintainer
See also the list of contributors who participated in this project.
License
This project is licensed under the MIT License.