# Uploading Images

Page Designer allows users to upload and manage images that can be reused across pages. Uploaded images are stored in the **Image Panel** and can be added to the page layout or used as background images for containers.

***

### How to Upload an Image

1. Open **Page Designer**.
2. Click the **Image** menu in the left‑side panel to view the list of available images.
3. Upload an image using one of the following methods:
   * Click the **Upload Image** button and select an image from your local storage.
   * Drag and drop an image file directly into the Image panel.

Once uploaded, the image will appear in the image list and can be dragged onto the design canvas.

#### Image Upload Panel Example

<figure><img src="https://2015371994-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FMpDjHWFRUtZ5nJcSfVXd%2Fuploads%2FwKnAd9czOVvqDSqDvUFE%2FUImage.png?alt=media&#x26;token=a5baaba8-4fda-4d2c-88ab-a98405af94da" alt=""><figcaption></figcaption></figure>

***

### Using Uploaded Images

After uploading an image, you can:

* Drag the image onto the page as a standalone image component
* Set the image as a **background** for containers or layout elements
* Reuse the same image across multiple pages within the application

***

### Best Practices

* Use optimized image sizes to improve page load performance
* Use consistent naming for images to make them easy to find
* Avoid uploading duplicate images when reuse is possible
* Preview the page after adding images to ensure correct layout and responsiveness

***

### Summary

Uploading images in Page Designer is simple and flexible:

* Images can be uploaded via file selection or drag‑and‑drop
* Uploaded images are stored in a central Image panel
* Images can be reused across pages and components

This makes it easy to enrich your pages with visual content while maintaining consistency throughout your application.


---

# 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.onewebstack.com/oneweb-platform-th/designer-reference/page-designer/page-designer-tools/generic-tools/uploading-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.