Responsive images Packages

Processes images in markdown so they can be used in the production build.

HTML5 picture elements powered by Filestack

Convert image src(s) in markdown to be relative to their node's parent directory. This will help gatsby-remark-images match images outside the node folder. For example, use with NetlifyCMS.

esbuild plugin for responsive images using Sharp

Processes videos in markdown so they can be used in the production build.

A wrapper around Sharp, providing an easy to use interface to make Sharp usable in a front-end development workflow.

Responsive Image Optimizer

A React component for progressive image loading with a low-res blur effect.

An optimized image component for Next.js

Cloudimage Responsive will smartly resize, compress and accelerate images across the World in your site for all devices. The plugin supports lazy loading technique with fancy animation on image load.

Generate responsive images and additional Pug templates, using sharp image processing and JSON configs.

A React component for responsive photo grids in square aspect ratio

Convert image src(s) in markdown to be relative to their node's parent directory. This will help gatsby-remark-images match images outside the node folder. For example, use with NetlifyCMS.

Main CKBox package

ImageEngine Addon for Ember-cli

Convert image paths for mdx frontmatter fields to be relative to their node's parent directory. This will help gatsby-plugin-image process images. For example, use with NetlifyCMS.

Auto creates responsive images for your markdown files