1.1.1 • Published 7 years ago

html-base64-image v1.1.1

Weekly downloads
-
License
MIT
Repository
-
Last release
7 years ago

Build Status

html-inline-image-lqip

A npm package to convert your local image references in any dom element with inline base64 data uri. This technique is beneficial for saving extra image requests and rendering lightning fast images.

Support for LQIP (Low Quality Image Placeholder) @bbansal

For LQIP we need to add two data-attributes

  • Need to set lqip true
  • Need to padd lqip-parent-url to high resolution url path

It will add two child divs under main div. You can add styling or animation on high resolution image load on basis of class 'aspectRatioPlaceholder-fill' of child div added.