# Image size

> On an image Smootify fills: the Shopify CDN resizes it. In a gallery, on the Slider for its slides, on the thumbnail or lightbox part itself

Status: Ready (Smootify 2.0)  
URL: https://www.smootify.io/docs/astro/reference/attributes/image-size  
Updated: 2026-10-21

## Where it can go

- **Inside any of:** [`smootify-product`](https://www.smootify.io/docs/astro/reference/elements/smootify-product), [`smootify-variant`](https://www.smootify.io/docs/astro/reference/elements/smootify-variant), [`cart-item`](https://www.smootify.io/docs/astro/reference/elements/cart-item), [`bundle-item`](https://www.smootify.io/docs/astro/reference/elements/bundle-item), [`box-item`](https://www.smootify.io/docs/astro/reference/elements/box-item), [`smootify-metaobject`](https://www.smootify.io/docs/astro/reference/elements/smootify-metaobject).
- On image.
- Only on an element that also has `[product="specific-image"]`, `[variant="image"]`, `[option-variant="image"]`, `[component="image"]`, `[cart-item="image"]`, `[cart-item="product-image"]`, `[bundle-item="image"]`, `[reference="image"]`, `[metafield]`, `[variant-metafield]`, `[option-metafield]`, `[metaobject]`, `[gallery="slider"]`, `[gallery="thumbnails"]`, `[gallery="lightboxes"]`, `[box-item="image"]`.

## Values

| Attribute and value | What it is | Notes |
|---|---|---|
| `max-width="800"` | Max width | — |
| `max-height="800"` | Max height | — |
| `crop="center"` | Crop | — |
| `pad-color="ffffff"` | Padding color | — |