prImages watches for page load, browser resizing and scrolling to do its work. Only visible elements are processed (this can be disabled entirely, or per-image), and image fitting is done by matching upwards to common responsive width breakpoints (160, 320, 480, 768, 1024, 1224, 1824 pixels) as opposed to what width would be available. This prevents a plethora of image sizes to be generated, by limiting them effectively (without cropping) to 7 versions per image. Pixel aspect ratio of the browsing device is also taken into account.
More info on how prImages works will follow soon...
© 2014 hnldesign.nl, Images by the talented Simon Stalenhag, the equally great Ivan Shishkin (a Russian landscape painter) and some random ones.