---
title: "ImageUtils | Customer's Canvas On-Premises"
canonical: "https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/ImageUtils/"
---

# ImageUtils

> [`ImageUtils`](#imageutils)

## Enumerations

### CrossOrigin

#### Enumeration Members

| Enumeration Member | Value |
| ------ | ------ |
|  `anonymous` | `1` |
|  `none` | `0` |

## Classes

### ImageUtils

#### Constructors

##### Constructor

```ts
new ImageUtils(): ImageUtils;
```

###### Returns

#### Methods

##### getImageSizeByUrl()

```ts
static getImageSizeByUrl(imageUrl, crossOrigin): Promise<{
  height: number;
  width: number;
}>;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `imageUrl` | `string` |
| `crossOrigin` | [`CrossOrigin`](#crossorigin) |

###### Returns

[`Promise`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/finally.md#promise)\<\{
  `height`: `number`;
  `width`: `number`;
\}\>

##### getImageUrl()

```ts
static getImageUrl(
   renderingConfigProvider, 
   designAtomsApiClient, 
   sourceId, 
   pixelWidth, 
   pixelHeight, 
   squared?, 
   effect?, 
   keepProportions?, 
   overlayEffect?, 
   pageIndex?, 
   alphaMask?, 
   colorizeColor?, 
   isBackendEffect?, 
   rectWidth?, 
   rectHeight?, 
   ditherType?, 
   ditherAmount?): string;
```

###### Parameters

| Parameter | Type |
| ------ | ------ |
| `renderingConfigProvider` | [`IRenderingConfigProvider`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IRenderingConfigProvider.md#irenderingconfigprovider) |
| `designAtomsApiClient` | [`IDesignAtomsApiClient`](https://customerscanvas.com/docs/on-premises/design-atoms-js/reference/design-atoms/IDesignAtomsApiClient.md#idesignatomsapiclient) |
| `sourceId` | `string` |
| `pixelWidth` | `number` |
| `pixelHeight` | `number` |
| `squared?` | `boolean` |
| `effect?` | `number` |
| `keepProportions?` | `boolean` |
| `overlayEffect?` | `OverlayEffect` |
| `pageIndex?` | `number` |
| `alphaMask?` | `boolean` |
| `colorizeColor?` | `Color` |
| `isBackendEffect?` | `boolean` |
| `rectWidth?` | `number` |
| `rectHeight?` | `number` |
| `ditherType?` | `string` |
| `ditherAmount?` | `number` |

###### Returns

`string`

## Interfaces

### IColorProfilesConfig

#### Properties

##### cmykColorProfileFileId

```ts
cmykColorProfileFileId: string;
```

##### grayscaleColorProfileFileId

```ts
grayscaleColorProfileFileId: string;
```

##### rgbColorProfileFileId

```ts
rgbColorProfileFileId: string;
```