Dynamic Image Loader

This JavaScript plugin automatically adjusts the resolution of images based on network speed.

Installation

You can install the plugin via npm:

npm install dynamic-image-renderer

Usage

Here is an example of how to use the dynamic image renderer:

<img data-src="./images/your-image.png" class="responsive-img"/>

Then you need to have 3 resolution of image with the name below:

your-image_lo-res.png (image x0.5 or below)
your-image_me-res.png (image x1)
your-image_hi-res.png (image x2 or above)