---
url: https://docs.corbitaltech.dev/products/concordcrm-to-n8n/images/README.md
---
# Product Images

Place product images in this directory:

## Required Images:

* **preview.png** - Product card preview (recommended: 590x300px)
  * Used in ProductList.vue showcase
  * Should be high quality and representative of the product

* **screenshot-1.png** - First screenshot

* **screenshot-2.png** - Second screenshot

* **screenshot-3.png** - Additional screenshots as needed

## Image Guidelines:

* **Format:** PNG or JPG
* **Quality:** High resolution, compressed for web
* **Size:** Max 1200px width for screenshots
* **Naming:** Use kebab-case (lowercase with hyphens)

## Usage in Markdown:

```markdown
![Description](./images/screenshot-1.png)
```

Or with vImageViewer component:

```vue
<vImageViewer src="./images/screenshot-1.png" alt="Description" />
```