> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.meridiq.com/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Before & after photos

In the client's media section, you can upload client images and create before & after comparisons using the built-in before/after tool.

| 📍 **Where to find this:** Clients → select a client → Media tab

## ✅ What you can do

* Upload up to 30 images at once to the client's media library
* View, update or delete images from the media library
* Create before & after comparisons using the before/after tool
* Download comparison images or add them to the client's media

## 🖼️ Add client media

1. Click the **Clients** menu.
2. Click on the client from the list.
3. Go to the **Media** section in the client details page.
4. Click the **Add** button — opens the New Media pop-up.

![Media](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_7nmbyt.png =650x195)

5. Click the upload box in the New Media pop-up.
6. Select images from your device (up to **30 images** at once).
7. Click **Submit** — images are saved to the client's media library.

![New Media](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_gsg747.png =650x537)

8. *(optional)* Click **View More** to view, update or delete individual images.

![Media](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_19vsy2l.png =650x196)

9. *(optional)* Click the **Delete** icon to remove an image from the library.

![Media Library](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_ix9dws.png =650x158)

## 🔄 Create before & after images

1. Click the **Clients** menu.
2. Click on the client from the list.
3. Go to the **Media** section in the client details page.
4. Click the **Before/After** button.

![Media](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_j9y66c.png =650x195)

5. Click **Start** to begin the before/after tool.
6. Upload the before and after treatment images by clicking **Next**.
* *(optional)* Upload images from the Client Media Library.
* *(optional)* Edit the layout using **Horizontal**, **Vertical** or **Side by Side** tools.
* *(optional)* Click **Download** to save the comparison image.
* *(optional)* Click **Add to Client Media** to save it to the media library.

![Before/After Image tool](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_1ntz1gp.png =650x304)

![Before/After Image](https://storage.crisp.chat/users/helpdesk/website/-/8/c/a/c/8cac159472d82800/image_12gierm.png =650x315)

| 💡 Images added via the Before/After tool can also be found in the client's media library.