Features

This is the full list of XT Adaptive Images for Joomla features.

  • Works on your existing site
  • Requires no mark-up changes
  • Device agnostic
  • Mobile-first philosophy
  • Easy & powerful customisations
  • Faster Page Loads & Reduced Server Load, easy integration with a Content Delivery Network (CDN)

XT Adaptive Images for Joomla is published in two versions: XT Adaptive Images for Joomla Free supports all features from adaptive-images.com and a CDN configuration, whereas XT Adaptive Images for Joomla PRO supports multiple CDNs, HTTPS urls handling and cache path configuration.

Additional, XT Adaptive Images for Joomla PRO now supports Lazy Load Images. Lazy Load delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them.

Parameters

Adaptive Images

  • Resolutions: The resolution break-points to use (screen widths, in pixels). By default: 1382,992,768,480
  • File Types: Options to choose gif, jpg / jpeg, or png integration.
  • Ignore Files: A comma separated list of (part of) path/file names to ignore.
  • Enable in Inline Scripts: Enable to convert the media file URLs found in inline javascripts.
  • JPG Quality: The quality of any generated JPGs on a scale of 0 to 100.
  • Sharpen: Shrinking images can blur details, perform a sharpen on re-scaled images?
  • Detect Retina displays: You can choose to serve high DPI images to those displays.
  • PRO Cache Path: Path to the directory where resized images will be stored. By default, media/xt-adaptive-images.

CDN Configuration

  • Site Root: The root of your website that you have connected to your CDN server.
  • CDN Domain: The domain of your CDN Server.
  • PRO Handle HTTPS urls: Select to also handle https urls (secure urls)

  • {nocdn}...{/nocdn} tagging support

PRO Extra CDN Sets

Options to configure up to 5 extra CDN Sets, available features for each CDN: Site Root, CDN Domain, Handle HTTPS urls, File Types (gif, jpg / jpeg, or png), Ignore Files, and Enable in Inline Scripts.

PRO Lazy Load Images

  • Enable Lazy Load Images: Lazy Load is delays loading of images in long web pages. Images outside of viewport are not loaded until user scrolls to them.
  • Image class: Class to detect images to be lazy loaded. By default, xt-lazy-img. You can define more than one, for example: img-polaroid,xt-lazy-img.