Srcerer

A suite of 3 powerful image stacks for the responsive delivery of images

Srcerer (Sizes) stack settings

Widths selection It is within this section that you select which image widths you wish to include for this particular image. Srcerer stack allows you to add up to 8 different width versions of an image. The 8 default widths can be changed if requi...

Srcerer (Art Direction) stack settings

Images set up You should select how many different versions of the image you want to supply to the stack. Screrer (Art Direction) stack allows you to add up to 4 versions. In addition to detailing this, you then need to also state at which breakpo...

Srcerer (Single) stack settings

Images source There are 2 options for linking to your images: Warehoused This option will present you with the option to add a url to your image Drag and Drop You can use this option to drage and drop / browse for local images. Alt tag Provide you...

Srcerer (Extras) settings

In each of the 3 Srcerer stacks, there are various 'extras' that you can do to the images (effects etc). As such the following is the same for any of the Srcerer stacks. Add link You can add a link to the image. Tip: You may wish to combine this w...

Srcerer Tips and Tricks

There are no set sizes that you should use for your images. Screrer comes with default values/suggestions but you should change these to suit your site and how you use your images. This will depend on your theme, whether you are using a max-width ...

Srcerer example project

There is an example project file that demonstrates how to use each Srcerer approach. This came with the initial download / stack but if you need to download again then you can do so below.Download project file