### Fonctionnalités

#### Image réactive personnalisée `sizes`

```html
<img src="/assets/thumbnails/800/image.jpg" width="800" height="600"
  srcset="/assets/thumbnails/320/image.jpg 320w,
          /assets/thumbnails/640/image.jpg 640w,
          /assets/thumbnails/800/image.jpg 800w"
  sizes="100vw"
>
```

L'attribut `sizes` prend la valeur de l'option de configuration `assets.images.responsive.sizes.default` par défaut et peut être personnalisé en créant une nouvelle entrée nommée avec le nom de classe ajouté à l'image.

_Exemple:_

```yaml
assets:
  images:
    responsive:
      sizes:
        default: 100vw
        my_class: "(max-width: 800px) 768px, 1024px"
```

```markdown
![](/image.jpg){.my_class}
```

[Documentation →](/documentation/configuration/#assets)

### Réparer

- Normaliser le chemin de la page à construire