Images

ImageOptim removes bloated metadata, saves disk space & bandwidth by compressing images without losing quality. Available both as a Mac app and Web Service API.

lazySizes is the ultimate and lightweight lazyLoader which lazy loads images (including responsive images (picture/srcset)), iframes and scripts. It is written in VanillaJS and with high performance in mind.

Grunticon makes it easy to use HD-ready (retina) vector illustrations, icons, and background images in your web project without the hassles of spotty browser compatibility.

A Responsive Images approach that you can use today, that mimics the proposed picture element using the real markup.

RefineSlide is a simple jQuery plugin for displaying responsive, image-based content (with shiny animations).

Retina Images serves different images based on the device being used by the viewer.

An Experiment with Mobile-First Images that Scale Responsively & Responsibly

Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques.

FlexSlider was built to serve up the best responsive jQuery slider around.

The JavaScript helper script automatically replaces images on your page with high-resolution variants (if they exist). To use it, download the script and include it at the bottom of your page.