Upscale images using JS #171
Description
Issue Type
[] Bug
[] New Feature
[X] Enhancement
Description
Images residing in containers smaller than the content width still use the largest source available as appropriate for the browser size. Often this is still much larger than is necessary, given the image's parent element.
The only way around this is to throttle image sizes client-side. One possible solution, to reduce bandwidth, would be to load the smallest image size available for all images server-side, and then upscale images appropriately client-side based on the image parent size, and using the custom image sizes defined in functions.php. This upscaling might be done only just prior to images being scrolled into view.