Skip to main content

Using Presets

Presets enable you to construct simple aliases for complex transformation sequences.

Assume you wish to resize an image to 500px wide and blur it.

Resized and blurred

To accomplish this, use the resize transformation with the width parameter and then the blur transformation in the URL, as shown below.

Image URL with transformations

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/t.resize(w:500)~t.blur(s:2)/images/transformation/elephant.jpg

Image URL with preset instead of individual transformations

https://cdn.pixelbin.io/v2/dummy-cloudname/FIDrmb/p:thumbnail/images/transformation/elephant.jpg

As you can see, the p marker is used to designate the thumbnail as a preset. This makes them more aesthetically pleasing, easier to remember, and more secure.

You can use presets in conjunction with other transformations to augment the result.

The below image uses p:thumbnail~t.grey() as its transformation pattern.

Greyscaled

The following video tutorial demonstrates how to set up a preset for quicker image workflows.

Is this page useful?