JSPM

Parse and stringify the HTML `<img>` srcset attribute

High performance (jankfree) lazy loader for images (including responsive images), iframes and scripts (widgets).

Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, ...

LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve

A webpack loader for responsive images

A webpack loader for responsive images.

A fast lightweight pure JavaScript script for lazy loading and multi-serving images, iframes, videos and more.

Gatsby plugin providing easy responsive behavior for Sanity-hosted images

A polyfill for the background-image cover effect combined with responsive image behaviour with the `<img>` or `<picture>` element.

The fast, lightweight and reliable polyfill for responsive images (i.e. picture element and the srcset, sizes and media attributes). With a smart resource selection algorithm, that saves bandwidth.

Produce images at different sizes for responsive websites.

LazyLoad is a lightweight (2.4 kB) and flexible script that speeds up your web application by deferring the loading of your below-the-fold images, videos and iframes to when they will enter the viewport. It's written in plain "vanilla" JavaScript, it leve

Svelte image component with image preprocessing and lazy loading

Imager.js is an alternative solution to the issue of how to handle responsive image loading, created by developers at BBC News.

Inline local <img src> and srcset references in HTML into data: URLs (no remote fetches).

Generate srcset string from image

A responsive image polyfill.

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

Smart, responsive React image component with BlurHash/LQIP placeholders and CDN-friendly srcset/sizes.

Global solution for responsive images in Eleventy, allowing authors to use Markdown syntax for image and yet get responsive images in generated HTML.

A webpack loader for responsive images

A library that provides custom components for integrating imgix into Angular applications

Highly customizable tool for generating responsive images.

Primitive React components, built on top of the Next.js Image API, which adds support for picture and background images.

iron-image extension supporting srcset and lazy loading

Vite plugin for the automatic generation of images in various formats and widths, for use in srcsets of <picture>- or <img>-elements.

Highly customizable plugin for generating responsive images.

A responsive img element vue component

A Vue plugin to make your images responsive

The core library for yoot, providing a CDN-agnostic, chainable API for image URL transformations and adapter integration.

Add pwa-srcset-loader for image resize and proper srcset loading

Vite plugin for the automatic generation of images in various formats and widths, for use in srcsets of <picture>- or <img>-elements.

**npm**: `npm i eleventy-plugin-sharp`

Loader which automatically resizes your images in the desired dimensions, and generates light placeholders.

Extend HTML image tags with srcset and sizes attributes to leverage native responsive images.

[](https://travis-ci.org/brokenmass/advanced-image-loader)

Temporary fork of lazysizes which adds UMD wrapper for all plugins for better integration with webpack or browserify.

Cloudinary adapter for @yoot/yoot

Imgix adapter for @yoot/yoot

Produce images at different sizes for responsive websites.

add img attribute 'srcset' for lazysizes

Batch processing images. A simple way to generate responsive images.

Sanity adapter for @yoot/yoot

react-sorcerer

Lightweight vanilla javascript (ES6) media and contents slider

A webpack loader for responsive images

Add img attribute 'srcset' for retina. This version is able to ignore classes.

Polyfill object-fit and object-position on images on IE9, IE10, IE11, Edge, Safari, ...

A webpack loader for responsive images

Loader which automatically resizes your images in the desired dimensions, and generates light placeholders.

Shopify adapter for @yoot/yoot

Responsive background-images


Preload images using promises

A responsive lazy-loading image component for React

Utility library for generating responsive image urls, srcsets and sources.

Generate the srcset attribute for HTML img and picture tags

Create the srcset attribute for retina images with posthtml

react-srcset-image React component : create srcset images + blur loading

Insert srcset attribute into img elements

React image component

Produce blurred versions of images. Used to reproduce Medium blur-on-scroll effect.

A pre-processor for fis to compile 'srcset'.

A webpack loader for responsive images

Boost your front end performance by optimizing how your images get delivered for no cost! Picture Perfect is small library including a set of tools that can help improve your site's performance.

Parses HTML files to find `<img>` tags and adds an attribute to them which contains their Base64 representation

Yet Another SrcSet implementation

A small Vue.js plugin which adds 3 methods to the Vue global scope used in creating img src, srcset and sizes attributes.

background-image for retina

Automate picture element generation

A fast, lightweight script to load images as they enter the viewport. SEO friendly, it supports responsive images (both srcset + sizes and picture) and progressive JPEG

Something similar to the `<picture>` tag but with a cleaner and clearer syntax

Handlebars helpers for responsive Wordpress API images

add img attribute 'srcset' for retina

A library that adds the img 'srcset' attribute to retina

Responsive images component for React.JS

webpack loader for optimized, responsive images. Works with React, Vue, and all frontend setups.

A webpack loader for responsive images

A little lazy loading library for size-specific CSS background images.

Html sizes generator with max DPR support

React component for rendering HTML source tag with nice abstractions over srcset and sizes attributes.

Svelte responsive image preview

lazy loading images src and or srcset width promise magic Edit

Highly customizable loader for generating responsive images.

Parcel plugin to support source@srcset

A webpack loader for responsive images, data format modified to use with vuetify. From https://github.com/herrstucki/responsive-loader

This shortens the description of the value of srcset.

Responsive image generator.

Simple polyfill for srcset

Batch processing images. A simple way to generate responsive images.

background-image for retina

A fast lightweight pure JavaScript script for lazy loading and multi-serving images, iframes, videos and more.

Uses image sets generated by metalsmith-picset-generate to give browsers choice

PostHTML plugin which generates 'srcset' and 'sizes' attributes according to configured presets

add img attribute 'srcset' for lazysizes

Metalsmith plugin to automatically set srcset attribute for images.

Extends HTML code hints with more HTML5 elements and attributes such as picture, srcset, inputmode as well as HTML4 elements such as cellpadding, cellspacing and iframe

Gulp Image Processor for generating responsive, scaled images for img, srcset and picture tags

responsive-image generator

Generates image sets for use with metalsmith-picset-handlebars-helper to give browsers choice

esbuild plugin for responsive images using Sharp

add img attribute 'srcset' for retina

add img attribute 'srcset' for retina

A webpack loader for responsive images.

React image component

automate the creation of responsive images for the srcset attribute

Svelte image component with image preprocessing and lazy loading

A webpack loader for responsive images

Responsive image component for React with nice abstractions over srcset, sizes and src attributes.

Add img attribute 'srcset' for variable density/width image loading

Replace src, srcset to data-src, data-srcset supports lazzyloading

A webpack loader for responsive images

Add img attribute 'srcset' for variable density/width image loading for lazyload

!!Original from https://github.com/coliff/Brackets-HTML5CodeHints but extended with own code!!Extends HTML code hints with more HTML5 elements and attributes such as picture, srcset, inputmode as well as HTML4 elements such as cellpadding, cellspacing and

A hexo plugin, Generate responsive img tag with Flickr

A JavaScript library for zooming images like Medium (Enhanced with srcset and source support)