A rack utility using phantomjs that will create and save images (pngs) for a part of your web page's current dom. These images become available as public '.png' resources in the rack application. Currently shutterbug supports HTML, SVG and Canvas elements.
I took a couple of snapshots from http://lab.dev.concord.org/interactives.html with the Interactive rendered at a large size and saved them locally.
jpg versions appear to be about 25% of the size of a png version
Here's the difference in sizes for the original png and a jpg version saved at 60% quality setting:
The quality of the jpg images looked fine on a quick inspection.