# Presets

Cloudimage Presets are reusable templates of assets transformations that you can apply to any image or video for consistent results with a single click.

If you wish to apply the same transformations on many assets, you can define Presets (p) and apply transformations only using the Preset name (X).

<mark style="color:orange;">**p=X**</mark>

All [image-operations](https://docs.cloudimage.io/transformations/image-operations "mention") and [image-filters](https://docs.cloudimage.io/transformations/image-filters "mention") can be included in a Preset, as well as [image-watermarking](https://docs.cloudimage.io/transformations/image-watermarking "mention") and [image-compression](https://docs.cloudimage.io/transformations/image-compression "mention") parameters.

You can find all your Presets in the admin panel, *Settings / Image Settings* / *Presets*.

<figure><img src="https://727245914-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIDIcmPiz7q6Sr6ZHHQxV%2Fuploads%2FbLYsqKkI08qs8i6B5Jux%2Fpresets.png?alt=media&#x26;token=8a26b806-3b37-41c3-a692-3bb3f671e33b" alt=""><figcaption></figcaption></figure>

<figure><img src="https://727245914-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIDIcmPiz7q6Sr6ZHHQxV%2Fuploads%2FngW70Bi0CLSTEM4k0Sz5%2Fimage.png?alt=media&#x26;token=91daae1f-0a74-4956-af63-23e6c754702f" alt=""><figcaption></figcaption></figure>

### Defining new Presets&#x20;

#### ...using the Asset Variation Builder

Most of the on-the-fly image transformations can be configured using the [Asset Variation Builder](https://docs.cloudimage.io/transformations/asset-variation-builder), an in-line URL  builder to preview each image transformation instantly.

Imagine you’re preparing images for an e-commerce product page. With the Asset Variation Builder, you can:

1. **Open the image** from the *Preset Settings* page.
2. **Apply transformations**:
   * Crop to a square ratio (1:1) for consistency across product listings
   * Automatically center the crop on the model face
   * Define webp as the best forced format
3. **Preview in real time** how the image will look once delivered.
4. **Save as a Preset** called *“E-commerce Hero”*.

<figure><img src="https://727245914-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FIDIcmPiz7q6Sr6ZHHQxV%2Fuploads%2F4VOeTrf9pT0KPnyl62Ya%2Fimage.png?alt=media&#x26;token=696b8e58-7a5c-43b3-975e-c4fd6dfdbe4e" alt=""><figcaption></figcaption></figure>

Now, every product photo uploaded to Cloudimage can instantly use this Preset, ensuring all visuals share the same style, quality, and format — without manual edits or developer input.

Presets can be previewed in the Cloudimage Asset Library in *Asset Details / Variations*

#### ...using the documentation <a href="#od_cf858787" id="od_cf858787"></a>

{% hint style="info" %}
Visit the **Transformations** section of our documentation to discover all the available transformations you can use in Presets.
{% endhint %}

| Preset name     | Operations and filters                                                                                                                                                                                                                                                                                                                                                                                                              | Syntax                                                                                                                                                                      | Preview                                                                                            |
| --------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| gallery\_thumb  | <mark style="color:orange;">**w=250**</mark>&<mark style="color:orange;">**h=250**</mark>&<mark style="color:green;">**gray=1**</mark>                                                                                                                                                                                                                                                                                              | [/samples.scaleflex.com/birds.jpg?<mark style="color:orange;">**p=gallery\_thumb**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/birds.jpg?p=gallery_thumb) | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/yiXPL3aikriaerrCte5Z/image.png) |
| gallery\_medium | <mark style="color:orange;">**w=450**</mark>&<mark style="color:orange;">**h=300**</mark>&<mark style="color:orange;">**radius=10**</mark>&<mark style="color:green;">**force\_format=jpeg**</mark>&<mark style="color:green;">**q=85**</mark>                                                                                                                                                                                      | [/samples.scaleflex.com/birds.jpg?<mark style="color:orange;">**p=gallery\_thumb**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/birds.jpg?p=gallery_thumb) | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/CsMSmqRwzGXtIp51MPQX/image.png) |
| gallery\_large  | <mark style="color:orange;">**w=1200**</mark>&<mark style="color:green;">**force\_format=jpeg**</mark>&<mark style="color:green;">**optipress=2**</mark>&<mark style="color:purple;">**wat=1**</mark>&<mark style="color:purple;">**wat\_gravity=northwest**</mark>&<mark style="color:purple;">**wat\_scale=60**</mark>&<mark style="color:purple;">**wat\_pad=20**</mark>&<mark style="color:purple;">**wat\_opacity=0.4**</mark> | [/samples.scaleflex.com/birds.jpg?<mark style="color:orange;">**p=gallery\_large**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/birds.jpg?p=gallery_large) | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/wNv12CiNJC3mXwtu3eyw/image.png) |

You can use additional operations together with a preset. Here is an example:

| Preset name      | Operations and filters                                                                                                                                                                                                                                                                                                                                                                                                                 | Syntax                                                                                                                                                                                                                                                  | Preview                                                                                            |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------- |
| red\_ref\_number | <mark style="color:orange;">**w=400**</mark>&<mark style="color:orange;">**h=200**</mark>&<mark style="color:purple;">**wat=1**</mark>&<mark style="color:purple;">**wat\_gravity=northeast**</mark>&<mark style="color:purple;">**wat\_pad=10**</mark>&<mark style="color:purple;">**wat\_font=Arial-Black**</mark>&<mark style="color:purple;">**wat\_fontsize=18**</mark>&<mark style="color:purple;">**wat\_colour=660000**</mark> | [/samples.scaleflex.com/flat1.jpg?<mark style="color:orange;">**p=red\_ref\_number**</mark>&<mark style="color:orange;">**wat\_text=label1**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/flat1.jpg?p=red_ref_number\&wat_text=label1) | ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/8s2isfqgBEVPYLGELayq/image.png) |

{% hint style="info" %}
Please note that an operation defined in any given preset cannot be overridden in the URL. For example, if a preset named **small\_img** contains **w=200**, using /**original\_image\_url**?**p=small\_img**&**w=400** will still yield a 200-pixel-wide image.
{% endhint %}

####