---
url: https://developer.youcan.shop/themes/objects/preview_image.md
---

# `preview_image` object

The main image of a [product](product) or a [category](category), in several sizes.

### Properties

***

| Name       |               Type               | Description                   |
| ---------- | :------------------------------: | :---------------------------- |
| `original` | [string](../basics/types#string) | URL of the original image     |
| `large`    | [string](../basics/types#string) | URL of the large version      |
| `medium`   | [string](../basics/types#string) | URL of the medium version     |
| `small`    | [string](../basics/types#string) | URL of the small version      |

```liquid
{% if product.preview_image %}
  <img
    src="{{ product.preview_image.medium }}"
    srcset="{{ product.preview_image.small }} 300w, {{ product.preview_image.medium }} 600w, {{ product.preview_image.large }} 1000w"
    alt="{{ product.name }}"
  >
{% endif %}
```