# Image optimization

To load fast on any device around the world, images need to be resized, cropped and compressed. No need to push a 20-megapixel image to deliver a 1170px wide thumbnail on a smartphone. DAM will manipulate and transform your images dynamically and optimize for web delivery, thus saving you days in image management.

**DAM's** image manipulation and transformation features rely on DMO (Dynamic media optimization), a standalone media optimization CDN developed by Scaleflex.&#x20;

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

{% hint style="info" %}
If you do not need storage for your origin (master) images and Digital Asset Management but just on-the-fly image and video transformation + CDN delivery, check-out [Cloudimage](https://www.cloudimage.io/en/home). Cloudimage is a media proxy pulling your media assets from your origin hosting (web server, S3 bucket, etc.), caching, compressing and delivering them over CDN.&#x20;
{% endhint %}

We have documented the most common resizing functions here. If you have any requests for undocumented features, [contact us](https://www.cloudimage.io/en/contact-us) and we will do our best to help.

## The basics

Everything starts with the basic URL format of a DAM URL:

{% hint style="info" %}
//<mark style="color:red;">**token**</mark>.filerobot.com/**folder/filename**?<mark style="color:orange;">**operations**</mark>&<mark style="color:green;">**filters**</mark>&<mark style="color:purple;">**watermarks**</mark>
{% endhint %}

<table data-header-hidden><thead><tr><th width="374"></th><th></th></tr></thead><tbody><tr><td><mark style="color:red;"><strong>token</strong></mark></td><td>Your Filerobot token</td></tr><tr><td><strong>folder/filename</strong></td><td>Here, you can use the full path to the image in your Filerobot container, e.g. <strong>demo/part2/image.jpg</strong></td></tr><tr><td><mark style="color:orange;"><strong>operations</strong></mark></td><td>Image manipulation operations like <strong>width</strong>, <strong>height</strong>, <strong>crop</strong>, <strong>fit</strong>, <strong>rotate</strong>, and <strong>trim</strong>. For a full list, see <a data-mention href="/pages/Xw4fIWRpoNdBvsYx9Dqs">/pages/Xw4fIWRpoNdBvsYx9Dqs</a>.</td></tr><tr><td><mark style="color:green;"><strong>filters</strong></mark></td><td>Use filters like <strong>contrast</strong>, <strong>pixellate</strong>, <strong>blur</strong>, <strong>grayscale</strong>, and <strong>sharpen</strong> to apply different effects to your image. All filters can be found in the <a data-mention href="/pages/u3QsqVJjNM3BbKmj5bqI">/pages/u3QsqVJjNM3BbKmj5bqI</a>.</td></tr><tr><td><mark style="color:purple;"><strong>watermarks</strong></mark></td><td>Place static or dynamic watermarks on your images, <a data-mention href="/pages/VtnL4wXaLk20cBtMnVKo">/pages/VtnL4wXaLk20cBtMnVKo</a>.</td></tr></tbody></table>

{% hint style="info" %}
The hostname <mark style="color:red;">**token**</mark>.filerobot.com can be replaced by a custom CNAME. Our [Support](https://www.scaleflex.com/contact-us) team can set it up for you.&#x20;
{% endhint %}

DAM automatically compresses these images into the most optimal delivery format (WebP, AVIF, ...) based on the user's device and context and accelerates them over multiple Content Delivery Networks from tier 1 CDN providers such as Akamai, Fastly, AWS Cloudfront and CDNetworks.

## Examples

| Preview                          | Syntax                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                |
| -------------------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](/files/r2spss0NCKyGhBmnKJ29) | <p>Resize operation:<br><a href="https://fdocs.filerobot.com/docs/paris.jpg?width=400">/docs/paris.jpg?<mark style="color:orange;"><strong>width=400</strong></mark></a></p>                                                                                                                                                                                                                                                                                                                                                                                                                                          |
| ![](/files/US4QG1VUCi2WyWTz55PJ) | <p>Resize and convert to grayscale:<br><a href="https://fdocs.filerobot.com/docs/paris.jpg?width=400&#x26;gray=1">/docs/paris.jpg?<mark style="color:orange;"><strong>width=400</strong></mark>&<mark style="color:green;"><strong>gray=1</strong></mark></a></p>                                                                                                                                                                                                                                                                                                                                                     |
| ![](/files/EmS7A4fjNzCkkygKXUQu) | <p>Grayscale thumbnail with a watermark:<br><a href="https://fdocs.filerobot.com/docs/paris.jpg?width=400&#x26;wat=1&#x26;wat_scale=35&#x26;wat_gravity=northwest&#x26;wat_pad=10&#x26;gray=1">/docs/paris.jpg?<mark style="color:orange;"><strong>width=400</strong></mark>&<mark style="color:purple;"><strong>wat=1</strong></mark>&<mark style="color:purple;"><strong>wat\_scale=35</strong></mark>&<mark style="color:purple;"><strong>wat\_gravity=northwest</strong></mark>&<mark style="color:purple;"><strong>wat\_pad=10</strong></mark>&<mark style="color:green;"><strong>gray=1</strong></mark></a></p> |


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.scaleflex.com/dynamic-media-optimization-dmo/transformations/image-optimization.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.
