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?v=1744646821354

Image URL with preset instead of individual transformations

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

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.