Right-sizing Images - Mixing Responsive and Adaptive Techniques
Channel: J and Beyond e.V.
Date: 03/06/2014

By Duke Speer

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.