> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://help.caimera.ai/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).

# Resize & Pad Images: Pad mode

Image resizing is essential for fashion and e-commerce brands, impacting website performance, user experience, and ultimately, sales. 

The **Resize & Pad** tool (under Design → Editor) gives you complete control over image dimensions and positioning. It has two modes, switched with a toggle inside the tool:

1. **Pad mode** (this article): add padding around your images while keeping their original size. Perfect for creating consistent spacing or adding borders.
2. **Resize mode**: resize images and control where the subject sits. See [Resize & Pad Images: Resize mode](https://help.caimera.ai/en/article/image-padding-and-resizing-on-caimera-h08zc5/).

Each processed image costs 1 credit.

**Step 1:** Open **Resize & Pad** from the home page or the Editor's tool switcher.

![Image Padding on Caimera](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/picture1_1ibhheg.png =700x355)
**Step 2:** Choose **Pad** mode to add padding around your images while maintaining their original size.

![Pad Object](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_skr126.png =700x339)
**Step 3:** Upload all the images you want to work with.

![Upload images](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/screenshot-2025-08-25-194014_115qeoc.png =700x339)

![Images Uploaded](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_19f96he.png =700x359)

**Step 4:** Enter the padding values in pixels for each side—top, bottom, left, and right. 

![Enter the padding values](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_nzp3fl.png =700x338)
| Tip: If you want padding on just three sides, simply enter ‘zero’ for the side you want untouched. 
![Padding with pixel values](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_hztjl5.png =700x338)
**Step 5:** Customize the background color using HEX codes, RGB, or HSL values 

![Customize background color](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_c48srs.png =700x358)
**Step 6:** You can also use the eye dropper tool to pick a color from the input images. 

![Eyedropper tool](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_1wzuqd5.png =700x356)
![Select a colour with the eyedropper tool](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_1xs44pu.png =700x357)

**Step 7:** Once you've added all your images, reviewed all the padding on the four sides, and picked a background color, click **Generate**.

![Click 'Generate' to apply image padding settings](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_m2uy6u.png =700x338)

**Step 8:** Your updated images will appear in the History section.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_fhflg6.png =700x337)
**Step 9:** Download these images by clicking on the **Download** button.

![Download Padded Images](https://storage.crisp.chat/users/helpdesk/website/-/c/8/b/f/c8bf533b39f9b00/image_qcj8e0.png =700x339)
|| Reach out to us at contact@caimera.ai to integrate with our API for seamless automation that can process images in bulk. Find the API documentation [here](https://documenter.getpostman.com/view/40833820/2sB3Hks1rS).