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

# How to prepare a product image for correct display on the planogram

### In this article
We’ll cover how to prepare a product image for correct display on the planogram: how to crop the image, choose a background, and avoid common mistakes.

${youtube}[](OwQD_XjRuFg)
---
### Contents
[Product image preparation](#3-product-image-preparation)
[Basic image requirements](#3-basic-image-requirements)
[How to properly edit an image](#3-how-to-properly-edit-an-image)
---
### Product image preparation
When working with planograms, improperly prepared images can lead to incorrect product display.

A properly prepared image ensures accurate product placement on the shelf and correct visualization in both 2D and 3D views.
---
### Basic image requirements
The product image should:
* Be clear and not blurry;
* Match the actual appearance of the product;
* Not contain unnecessary elements;
* Be correctly cropped to the product outline. 
---
### How to properly edit an image
Open the image in any editor (for example, Photoshop or an online service):
1. Open the image in Photoshop;
2. Unlock the layer;
To do this, click the **"Lock"** icon in the Layers panel — after that, the layer will become available for editing:

![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/4/b/e64b77ae74de2800/blokuvatipng_15ut7rw.png)

3. Remove the image background;
Select the **"Object Selection"** tool, select the background, and press **"Delete"** or **"Backspace"** to remove it:

![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/4/b/e64b77ae74de2800/vidilitipng_qvdr5l.png)

4. Crop the image;
Select the product and use the **"Crop"** tool. Confirm cropping by pressing **"Enter"**:

![](https://storage.crisp.chat/users/helpdesk/website/-/e/6/4/b/e64b77ae74de2800/kadrpng_1t2f8pt.png)

5. Export the image;
In the top menu, go to: **File → Export → Export As…** 

|| Note! Hotkeys: Alt + Shift + Ctrl + W (Windows) / Option + Shift + Command + W (Mac).

6. Save in PNG format;
In the export window, select PNG format. Make sure the **"Transparency"** option is enabled to keep a transparent background, then click **"Export"**.