Responsive-images Packages

Given an appropriate-images configuration, get the URL of the optimized image appropriate for a situation

Get appropriately sized images into your website.

Load and transform images using a toolbox of import directives!

Svelte action for responsive, lazily-loaded images with Imgix

An Eleventy paired shortcode which performs build-time image transformations with Sharp and generates <picture> tags for responsive image markup.

A command line tool to measure responsive image efficiency across viewport sizes and device pixel ratios.

Generates all needed image sizes for responsive design

An Eleventy plugin that adds a shortcode to enable you to add a responsive image from your Cloudinary account.

Eleventy plugin to replace <img> using <picture> with resized and optimized images.

Html sizes generator with max DPR support

<!-- badges -->

Image Display Control metadata parsing library

Image Display Control Web Component

Image Display Control React component

Turn any field on your Lucid model to an attachment data type

Eleventy plugin to convert <img> tags in generated HTML to responsive image markup based on CSS selectors, using the eleventy-img utility.

Eleventy plugin to replace <img> using <picture> with resized and optimized images.

<!-- badges -->

Generate and persist optimised and responsive breakpoint images on the fly in your AdonisJS application.

React cloudinary context provider