Imager.js is an alternative solution to the issue of how to handle responsive image loading, created by developers at BBC News. There are many responsive image solutions in the wild, srcset, src-n, PictureFill and so on. They are either verbose or hard to debug (and to maintain/integrate). Some of them don't deal well with pixel density and suffer from double asset payload (meaning you end up downloading assets unnecessarily). We wanted something simple, which works and which is fast as well as network friendly (only download what you need, when you need it). Imager has the ability to replace {width} with a non-numeric value if you provide the widthInterpolator option, which is a function that returns the string to be injected into the image URL for a given width. This feature allows you to use a human-readable name or integrate with third-party image providers.

Features

  • Imager implements the BBC Responsive News technique
  • Loading any image once
  • Loading the most suitable sized image
  • Lookup placeholder elements
  • Replace placeholders with transparent images
  • Update src attribute for each image and assign the best quality/size ratio URL

Project Samples

Project Activity

See All Activity >

Categories

Multimedia

License

Apache License V2.0

Follow Imager.js

Imager.js Web Site

You Might Also Like
Red Hat Ansible Automation Platform on Microsoft Azure Icon
Red Hat Ansible Automation Platform on Microsoft Azure

Red Hat Ansible Automation Platform on Azure allows you to quickly deploy, automate, and manage resources securely and at scale.

Deploy Red Hat Ansible Automation Platform on Microsoft Azure for a strategic automation solution that allows you to orchestrate, govern and operationalize your Azure environment.
Rate This Project
Login To Rate This Project

User Reviews

Be the first to post a review of Imager.js!

Additional Project Details

Operating Systems

Android

Programming Language

JavaScript

Related Categories

JavaScript Multimedia Software

Registered

2022-02-11