---
title: "Dynamic Asset Transformations API"
url: "https://earlyaccess.developers.bynder.com/apis/dynamic-asset-transformations-api-1/versions/3eaa3fe1-3c1f-455a-b1ee-e6f314e2e6b2"
---

# Dynamic Asset Transformations API

OpenAPI specification document.

```json
{"components":{"securitySchemes":{"OAuth2":{"flows":{"authorizationCode":{"authorizationUrl":"https://{your-auth-url}","scopes":{},"tokenUrl":"https://{your-bynder-domain}/v6/authentication/oauth2/token"},"clientCredentials":{"scopes":{},"tokenUrl":"https://{your-bynder-domain}/v6/authentication/oauth2/token"}},"type":"oauth2"},"permanentToken":{"in":"header","name":"Authorization","type":"apiKey"}}},"info":{"title":"Dynamic Asset Transformations API","version":"1.0.0"},"openapi":"3.1.0","paths":{"/transform/{id}/{name}":{"get":{"description":"Generate a derivative on the fly with a transformation (such as cropping, scaling, filling) applied to it.   More information about this feature can be found in our [Knowledge Base item](https://support.bynder.com/hc/en-us/articles/360018559260-Dynamic-Asset-Transformations-DAT-).\nImage operations can be passed as `io` parameters in the form of `transform:{operation},{param1}:{value1},{param2}:{value2},...`.   It's possible to specify several operations: `?io={operation1}&io={operation2}&...`. The operations will be applied in the same order they are passed in the url.\nThese are the possible image operations and their parameters:\n| Operation    | Parameter       | Possible values                                                                      | | ------------ | --------------- | ------------------------------------------------------------------------------------ | | `background` | color           | color name (yellow, black, etc.) or hexadecimal (rgb, rrggbb)                        | | `crop`       | width           | integer                                                                              | |              | height          | integer                                                                              | |              | x               | integer                                                                              | |              | y               | integer                                                                              | |              | gravity         | topleft / top / topright / left / center / right / bottomleft / bottom / bottomright | |              | shape           | circle / square                                                                      | |              | blur            | integer                                                                              | |              | background      | color name (yellow, black, etc.) or hexadecimal (rgb, rrggbb)                        | | `extend`     | width           | integer                                                                              | |              | height          | integer                                                                              | |              | background      | color name (yellow, black, etc.) or hexadecimal (rgb, rrggbb)                        | | `fill`       | width           | integer                                                                              | |              | height          | integer                                                                              | |              | gravity         | topleft / top / topright / left / center / right / bottomleft / bottom / bottomright | |              | aspectratio     | {integer}x{integer}                                                                  | | `fit`        | width           | integer                                                                              | |              | height          | integer                                                                              | | `flip`       | (no parameters) |                                                                                      | | `mirror`     | (no parameters) |                                                                                      | | `rotate`     | angle           | integer between 0 and 360                                                            | |              | background      | color name (yellow, black, etc.) or hexadecimal (rgb, rrggbb)                        | | `scale`      | width           | integer                                                                              | |              | height          | integer                                                                              |\n","parameters":[{"in":"path","name":"id","required":true,"schema":{"type":"string"}},{"in":"path","name":"name","required":true,"schema":{"type":"string"}},{"description":"The operation(s) performed on the image before it's served to the client.","in":"query","name":"io","required":false,"schema":{"items":{"type":"string"},"type":"array"}},{"description":"Focus point as a x,y coordinate (with values between 0 - 1).","in":"query","name":"focuspoint","required":false,"schema":{"type":"string"}},{"description":"Format of the served image. This can either be `jpg` or `png` and it will overwrite the default `webP`.","in":"query","name":"format","required":false,"schema":{"type":"string"}},{"description":"Image quality, ranging from 1 - 100 (has no effect when `format` is set to 'png').","in":"query","name":"quality","required":false,"schema":{"maximum":100,"minimum":1,"type":"integer"}}],"responses":{"200":{"content":{"image/jpeg":{"schema":{"format":"binary","type":"string"}},"image/png":{"schema":{"format":"binary","type":"string"}}},"description":"Image"},"400":{"description":"Image Operation not supported"},"404":{"description":"Not Found"}},"summary":"Generate dynamic asset transformation"}}},"security":[{"OAuth2":[]},{"permanentToken":[]}],"servers":[{"url":"https://{your-bynder-domain}/"}]}
```