Shaking The Habitual's Srcerer Stack — A Rob Beattie Review

Srcerer Stack

Shaking The Habitual

The standard image stack included with Stacks works fine. Drop it on the page, drag in an image, and bang - you’re done.

But think about that image for a moment. Specifically, think about the size of that image. If you want it to look good on a 27" monitor, then it’s likely to be a relatively big image; but that all that size just isn’t necessary when visitors are looking at it on a smartphone or other mobile device. Frameworks like Foundation allow you to add Mobile, Tablet and Desktop versions of images in order to save space and bandwidth, but Srcerer takes image control much further, courtesy of three different stacks.

Srcerer - allows you to specify up to eight - yes, eight - different image widths for each image; as well as offering a host of other options like overlays, parallax, hover effects, filters, links and more.

Screrer (AD) - an ‘Art Direction’ stack that allows you to specify up to four different crops of the same image (which kick in at breakpoints you specify) which gets round the problem of having parts of a large image disappear off the sides on smaller screens. Also supports all the extra features mentioned above.

Srcerer (Single) - an extra stack which doesn’t offer multiple widths, but lets you use all the extra features mentioned above (i.e. parallax, hover, etc.).

In order to display up to eight versions of a particular image, those images need to be created and then either dropped into the provided image wells, or uploaded to a directory on your web server; alternatively, there’s a neat option to use what STH calls a ‘Warehouse (formula)’ option whereby you can upload the different images into a directory and Screrer will intelligently add the suffix based on the width settings you’ve specified.

There’s lots more to these stacks as well, but you get the idea. If you’re building small websites with only a few images, then the effort involved in deploying Screrer probably isn’t worth the savings you’ll make in page load speeds. But if you’re building large, complex sites with lots of images and performance matters to you, then Srcerer provides all the power and functionality you need for fine-grained control over your images. A rich, specialised stack for Rapidweaver power users.

Suggested price: £20.00

4 Likes

Thanks @rob.beattie. Great review.

I’ll just add a link here to a post I made previously that details a great way to largely automate the creation of (up to) 8 differently sized versions of an image.