> For the complete documentation index, see [llms.txt](https://matteo-gabriele.gitbook.io/vue-progressive-image/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://matteo-gabriele.gitbook.io/vue-progressive-image/adjust-the-blur.md).

# Adjust the blur

To adjust the blur effect over the placeholder image, add the `blur` attribute to the component.

The default value of the filter is 16px.

```html
<template>
  <ProgressiveImage
    blur="10"
    placeholder-src="https://picsum.photos/id/1080/19/10"
    src="https://picsum.photos/id/1080/1980/1080"
  />
</template>
```