XT Adaptive Images
"Adaptive Images detects your visitor's screen size and automatically creates, caches, and delivers device appropriate re-scaled versions of your web page's embeded HTML images. No mark-up changes needed. It is intended for use with Responsive Designs and to be combined with Fluid Image techniques."
----------------------
- Benefits
----------------------
* 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 works in a similar way to adaptive-images.com. However, as the extension is developed for Joomla!, some limitations have been resolved. It does support Content Delivery Networks and there's no need to configure website's .htaccess file (hence no difference between Apache or nginx configuration), images are modified in the generated page.
------------------
- Acknowledgements
------------------
> Right-sizing Images - Mixing Responsive and Adaptive Techniques / This extension is based on a presentation given at J and Beyond 2014, Mixing Responsive and Adaptive Techniques.
> About Adaptive Images: Adaptive Images is licensed under a Creative Commons Attribution 3.0 Unported License. This Joomla! extension would not be possible without this amaizing piece of code.
------------
-- Features
-----------
- 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.
- 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.