# Images

Among many other things, **Rayon allows working with images seamlessly**. Importing, scaling, cropping, filtering and AI-enabled editing are available at your fingertips in the app.

### Import

Images in Rayon can be imported by simply drag/dropping them on your canvas, or by choosing the import option in the main menu. (Note that upon import, images above 2048x2048 px will be down scaled)

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

### Editing

Images can easily be edited in Rayon.&#x20;

The object itself can be **resized** and **cropped** (using CMD/CTRL holding).

{% embed url="<https://player.vimeo.com/video/1075366357?autoplay=1&controls=0&loop=1&muted=1>" %}

Images can also be edited. Editing can be accessed...&#x20;

* From the selection bar, by clicking on **`Edit image`**
* From the image swatch of the style panel.
* By pressing **`CTRL`** + **`I`** while the image you want to edit is selected.

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

Alternatively, on selection of a single image, AI editing tools can be accessed, inside the **Image** section of the property panel.

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

In the image editing modal, images can be...

* **Filtered**&#x20;
* **Upscaled**
* Their **background can be removed** (useful for furniture images for instance)&#x20;

<mark style="color:blue;background-color:blue;">Tip</mark> — The options of the toolbar are using AI to improve your images; these tools are quite powerful, consider upgrading to Pro or Team to increase your credits.&#x20;

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

***

### We are always available

Book a demo with our team, [right here](https://b1kzip68v9f.typeform.com/to/Hgr0eQ4k#source=docs).\
To get some support, reach out to us through our **in-app support chat**. \
More about [our support policy right here](/other-resources/others/support.md).


---

# 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.rayon.design/documentation/design/images.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.