# Images

The `<d-image>` component provides an easy way of adding responsive behavior to your images. Other than this, the component also provides easy-to-use handles for thumbnail styling, alignment and rounded images. 

## Alias

The `<d-image>` component is also available as `<d-img>`.

## Basic Example

:::demo
```html

<d-img src="https://placeimg.com/640/380/any" fluid />

<!-- image-1.vue -->
```
:::


## Thumbnails

Using the `thumbnail` prop you can turn your images into thumbnails.

:::demo
```html

<d-img fluid thumbnail src="https://placeimg.com/200/200/any" />

<!-- image-2.vue -->
```
:::