# Welcome to Cloudimage

Leverage Cloudimage to automatically compress and accelerate images, videos, PDFs, CSS, and JS over CDN, ensuring faster websites, smoother apps, and better user experiences.

#### What you can do with Cloudimage

* **Optimize and deliver any media**: images, videos, PDFs, CSS, and JS with on-the-fly compression and CDN acceleration.
* **Integrate pixel-perfect images and videos** on your website thanks to powerful Responsive Libraries.
* **Create reusable image Presets**: use the Asset Variation Builder to visually build transformations (crop, resize, background removal, face blurring, etc.) and save them for consistent formatting.
* **Centralize your assets**: upload, preview, edit, and enrich files directly in the Asset Library.
* **Boost SEO, GEO, and accessibility**: generate smart alt text and auto-tags automatically with Visual AI.

#### Why Cloudimage?

* No more slow-loading websites caused by heavy visuals.
* No need for complex scripts or hours of manual Photoshop edits.
* Easy tools for marketers or e-commerce managers, and developers alike.
* Future-proof workflows: from SEO-ready alt text to adaptive video streaming.

{% hint style="info" %}
Cloudimage is provided by [Scaleflex](https://scaleflex.com) alongside the Visual Experience Platform, a collaborative suite of solutions for media management at scale
{% endhint %}

#### How does it work?

Cloudimage URL Format: 

{% hint style="success" %} <mark style="color:blue;">**//token**</mark>.cloudimg.io/<mark style="color:red;">**original\_image\_url**</mark>**?**<mark style="color:orange;">**operations**</mark>**&**<mark style="color:green;">**filters**</mark>**&**<mark style="color:purple;">**watermarks**</mark>
{% endhint %}

| <mark style="color:blue;">**token**</mark>                                                                         | Your Cloudimage customer token. Subscribe [here](https://www.cloudimage.io/en/registration) to get one. You can also [ask us](https://www.cloudimage.io/en/contact-us) for a customized token.                                                       |
| ------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| <mark style="color:red;">**original\_image\_url**</mark>                                                           | That's an easy one :)                                                                                                                                                                                                                                |
| [<mark style="color:orange;">**operations**</mark>](https://docs.cloudimage.io/transformations/image-operations)   | Image manipulation operations like **width**, **height**, **crop**, **fit**, **rotate**, **trim**. For a full list, see [image-watermarking](https://docs.cloudimage.io/transformations/image-watermarking "mention").                               |
| [<mark style="color:green;">**filters**</mark>](https://docs.cloudimage.io/transformations/image-filters)          | Use filters like **contrast**, **pixellate**, **blur**, **greyscale** and **sharpen** to apply different effects on your image. For a full list, see [image-filters](https://docs.cloudimage.io/transformations/image-filters "mention").            |
| [<mark style="color:purple;">**watermarks**</mark>](https://docs.cloudimage.io/transformations/image-watermarking) | Cloudimage can place a watermark in your images if you want to protect them from copying, or tag them with a custom text. More details in the [image-watermarking](https://docs.cloudimage.io/transformations/image-watermarking "mention") section. |

Cloudimage supports chaining multiple transformations in a single URL, such as crop, resize, format conversion, filters, or watermarking. Here is the step-by-step flow for your asset transformations:&#x20;

1. Cloudimage downloads your original asset (image, video, PDF, CSS, JS).
2. On-the-fly, it applies a selection of 50+ transformations and filters.
3. Optimized files are served worldwide via a rocket-fast CDN.

{% hint style="danger" %}
If you host your images on a Web Server, Image Repository, or Storage Bucket sitting behind a Firewall or protected by authentication, make sure your images are accessible over HTTP(S) and that you have whitelisted our infrastructure and are in possession of the required credentials. Otherwise, Cloudimage servers will not be able to download the originals.
{% endhint %}

Examples:

```
https//token.cloudimg.io/{origin_image_url}?func=cropfit&w=500&h=350&bg_colorize=navy&contrast=10&q=90
```

| Preview                                                                                            | Cloudimage URL syntax                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             |
| -------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/rsXMosfkULmTzabevw5P/image.png) | [/samples.scaleflex.com/ny\_doc.jpg?<mark style="color:orange;">**func=cropfit**</mark>&<mark style="color:orange;">**w=500**</mark>&<mark style="color:orange;">**h=350**</mark>&<mark style="color:orange;">**bg\_img\_fit=1**</mark>&<mark style="color:orange;">**bg\_colorize=navy**</mark>&<mark style="color:orange;">**bg\_opacity=0.5**</mark>&<mark style="color:orange;">**bg\_blur=20**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/ny_doc.jpg?func=cropfit\&w=500\&h=350\&bg_img_fit=1\&bg_colorize=navy\&bg_opacity=0.5\&bg_blur=20)                                              |
| ![](https://content.gitbook.com/content/IDIcmPiz7q6Sr6ZHHQxV/blobs/agOmG3hWzz4GNSV3C0CG/image.png) | [/samples.scaleflex.com/flat1.jpg?<mark style="color:orange;">**w=450**</mark>&<mark style="color:orange;">**q=90**</mark>&<mark style="color:green;">**contrast=10**</mark>&<mark style="color:green;">**saturate=30**</mark>&<mark style="color:purple;">**wat=1**</mark>&<mark style="color:purple;">**wat\_gravity=northeast**</mark>&<mark style="color:purple;">**wat\_scale=25**</mark>&<mark style="color:purple;">**wat\_pad=10**</mark>](https://doc.cloudimg.io/https://samples.scaleflex.com/flat1.jpg?w=450\&q=90\&contrast=10\&saturate=30\&wat=1\&wat_gravity=northeast\&wat_scale=25\&wat_pad=10) |

Preview transformations instantly in the UI, save them as presets, and deliver them globally through our premium CDN infrastructure.

We have documented the most common resizing functions here. Cloudimage supports many more and we can even build them for your specific use-case, please [contact us](https://www.cloudimage.io/contact-us) if you don't find your luck!&#x20;