# XT Adaptive Images

Extly Tech (opens new window) - 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 (opens new window) plugin for Joomla!™ -powered websites.

# Introduction

XT Adaptive Images (opens new window) is a port of adaptive-images.com (opens new window) script for Joomla!.

Adaptive Images (opens new window) 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.

INFO

While we provide some extensions free of charge, we do not offer support for free. If you are interested in receiving support, please consider an Extly.com (opens new window) subscription.

# 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 (opens new window), by Duke Speer (opens new window).

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.

# About Adaptive Images

Adaptive Images (opens new window) by Matt Wilcox (opens new window) is licensed under a Creative Commons Attribution 3.0 Unported License. This Joomla! extension would not be possible without this amaizing piece of code. Thank you Matt (opens new window)!