> For the complete documentation index, see [llms.txt](https://docs.cloudimage.io/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.cloudimage.io/transformations/asset-variation-builder.md).

# Asset Variation Builder

The Asset Variation Builder (AVB) lets you create and preview image transformations directly in the Cloudimage UI — no coding needed. Non-Developers using Cloudimage can easily gain control with instant previews of future image transformations before creating a [preset](/setup/shortening-urls/presets.md).

<figure><img src="/files/i5czefq9ZrKDaZPcDKe8" alt=""><figcaption></figcaption></figure>

While building your URL transformations, you can easily spot the active parameters in the different categories thanks to a blue dot: Format, Adjust

Once satisfied, save the transformation as a preset to apply consistent templates across all your images. Every adjustment is shown live in the Asset Library in "Asset Details" / "Variations", so you see the exact output before saving.&#x20;

**Preview image transformations**\
Stop guessing URL parameters: visually build your transformation, preview results in real time, and save as reusable presets. These presets ensure consistency, speed up content workflows, and empower non-technical teams to manage image variants independently.

**Supported features in the AVB:**

* **Image compression & format**
  * Automatic best format or force WEBP, JPEG, PNG, GIF
  * Quality settings (lossless, adjustable compression)
* **Image operations**
  * Resize by width & height (with enlargement prevention)
  * Cropping options: automatic gravity, positionable, focal point, face crop, aspect ratio crop, face hide
  * Fit, Cropfit, Background color, Bound, Boundmin, Cover
  * Flip, Rotate, Rounded corners, Trim
* **AI operations**
  * Background removal ⚡️
  * Face blurring ⚡️
* **Image filters**
  * Adjustments: brightness, contrast, saturation, blur, sharpen
  * Colorize: overlay, grayscale, sepia, pixelate, duotone, invert
* **Watermarking**
  * Static watermark
  * Dynamic watermark

{% hint style="info" %}
The operations marked with a ⚡️ are powered by Visual Operations Credits; full details on consumption rates can be found here: [Visual Operation Credits table](https://docs.cloudimage.io/account-management/usage#visual-operation-credits-table)
{% endhint %}