> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://fpd-doc.ganymede-apps.net/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 Show Image Sizes in the Product Designer

### The Fancy Product Designer allows you to display the size of any element directly in the product designer using a tooltip. This is useful for precise placement and resizing of images, text, and other design elements.

### How to Enable Size Tooltip

1. Go to **Settings > Advanced > Advanced > Image Size Tooltip**
2. Enable the **Image Size Tooltip** option.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/image_15n27wq.png)

### Changing Units of Measurement

You can adjust the unit displayed in the tooltip:

1. Go to **Settings > Advanced > Advanced > Size Ruler Unit**
2. Select your preferred unit:
* **Pixel**
* **Millimeter (mm)**
* **Centimeter (cm)**
3. **Save Changes **

|| Please note that metric values only works when the view has a printing box.

### How It Appears in the Designer

Once enabled, you will see the **width and height** of the selected element on the canvas.
* Works for **images, text, and other elements**.
* Updates in real time as you resize the element.

![](https://storage.crisp.chat/users/helpdesk/website/-/c/b/1/7/cb1733eed2f3b800/image_afjkak.png)

| Use the size tooltip to ensure designs fit perfectly within print areas and maintain accurate proportions for professional print results.