Data Img

Data Img uses a simple image replacement technique, hiding the previous image and showing a new one based on the browser's width.

The plugin uses a series of preset responsive breakpoints to detect when's the appropriate time to replace the served image with a newer one, better fitted for the browser's new size.

This allows users navigating a website to view graphics at a better quality for their device.

The Data Img plugin provides developer with three responsive breakpoints. The image replacement behavior can be activated for browser resizes or deactivated, in which case the image served when the page loaded will be the only image on the page.

A demo is included with the download package.

Requirements:

• JavaScript enabled on client side
• jQuery