Below we have a grid of thumbnails, each linking to it's full size image. We're using CSS to force the images into the thumbnail sizes and speeder.js is optimizing them, but the full size images are still being downloaded and that's slow and wasteful.
We also don't want to have to manually generate a thumbnail for each one - that's tedious and if our design changes, we'd have to regenerate each one. Plus, some images are tall and some are wide.
We're using the Bootstrap thumbnail classes, but it's not working out with the horrible-height problem - not to mention it's so slow and downloads over 4mb - imagine the poor mobile users!
Click the green Activate button below to see what happens.