XT Adaptive Images
Extly Tech - Permission is granted to copy, distribute and/or modify this document under the terms of the GNU Free Documentation License, Version 1.4 or any later version published by the Free Software Foundation; with no Invariant Sections, no Front-Cover Texts, and no Back-Cover Texts. A copy of the license can be found on-line at https://www.gnu.org/licenses/fdl.html.
This chapter covers the use of the XT Adaptive Images plugin for Joomla!™ -powered web sites.
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.
Why? Because your site is being increasingly viewed on smaller, slower, low bandwidth devices. On those devices your desktop-centric images load slowly, cause UI lag, and cost you and your visitors un-necessary bandwidth and money. Adaptive Images fixes that.
While we provide some extensions free of charge, we do not provide support for free. If you are interested in receiving support please consider an Extly.com subscription.
Right-sizing Images - Mixing Responsive and Adaptive Techniques
Being Responsive is all the rage in web design, but how do you take images uploaded by users or migrated from an old Joomla! 1.5 site and send the just-right number of pixels to a smaller device without consuming excessive bandwidth?
Max-width=100% is a great one-line solution to make images fit into your responsive layout, but there is no point sending a thousand pixels of image to a narrow device screen. This talk will explore the top four methods of optimizing image delivery for Joomla! websites to improve time to first page, including one method that will work with migrated data without changing the existing image links in imported articles.