Title: Image Blur
Author: Atte Liimatainen
Published: <strong>30. november, 2021</strong>
Last modified: 15. januar, 2024

---

Søg plugins

Dette plugin **er ikke blevet testet med de seneste 3 større udgivelser af WordPress**.
Det vedligeholdes eller understøttes muligvis ikke længere og kan have kompatibilitetsproblemer,
når det bruges med nyere versioner af WordPress.

![](https://s.w.org/plugins/geopattern-icon/image-blur.svg)

# Image Blur

 Af [Atte Liimatainen](https://profiles.wordpress.org/attlii/)

[Download](https://downloads.wordpress.org/plugin/image-blur.zip)

 * [Detaljer](https://da.wordpress.org/plugins/image-blur/#description)
 * [Vurderinger](https://da.wordpress.org/plugins/image-blur/#reviews)
 * [Udvikling](https://da.wordpress.org/plugins/image-blur/#developers)

 [Support](https://wordpress.org/support/plugin/image-blur/)

## Beskrivelse

Generates base64 encoded, downscaled and blurred versions of media library’s images,
which can be used f.e. as a placeholder.

### Inspiration

After Wolt showcased their [Blurhash](https://blurha.sh/) technique, I wanted to
make something similar to WordPress. Instead of encoding images to base83 like the
food delivery company does, I went with base64 so development experience was easier.

### How to start using the plugin

 * Install and activate this plugin in your environment
    - The plugin should generate blurs for each image on the activation.
 * Check an image’s details in your media library. It should have listing of all
   generated blurs.
 * To get a blur to a template, use `get_post_meta()`. Check example theme in [plugin’s repository](https://github.com/AttLii/image-blur)

### Customization

The plugin provides few filters, so developers can modify generated blur images 
to their needs. By default, generated images are 8 pixels wide and passed once through
gaussian blur function, which will result in roughly 250-1000 characters long string.
To change these, use following hooks:

    ```
    function modify_image_blur_width( int $width ): int {
      return 15;
    }
    add_filter("image-blur-modify-width", "modify_image_blur_width");

    function modify_gaussian_blur_strength( int $strength ): int {
      return 10;
    }
    add_filter("image-blur-modify-gaussian-blur-strength", "modify_gaussian_blur_strength");
    ```

## FAQ

### How to generate blurs for new image sizes?

To regenerate blurs you can:
 – use f.e. [Regenerate Thumbnails](https://wordpress.org/plugins/regenerate-thumbnails/)
plugin – use [WP CLI](https://developer.wordpress.org/cli/commands/media/regenerate/)
if your environment has it installed. – reactive this plugin (not recommended on
high traffic sites)

### How do I clear DB from blur data?

This plugin cleans up generated blurs when it is deactivated.

For manual deletion, you can remove all rows from `wp_postmeta` table that have `
image_blur_` prefix in `meta_key` column.

### Which image formats are supported?

During development phase, this plugin was tested with .jpg, .jpeg, .gif, .png and.
webp, which are the default accepted image types to media library.

## Anmeldelser

![](https://secure.gravatar.com/avatar/4a53896489719ae7b5bda2b75838128619837f249ce6b970c75be228ab7c5896?
s=60&d=retro&r=g)

### 󠀁[Nice concept but plugin crate fatal error on site, i am waiting for the update](https://wordpress.org/support/topic/nice-concept-but-plugin-crate-fatal-error-on-site-i-am-waiting-for-the-update/)󠁿

 [chirag007](https://profiles.wordpress.org/chirag007/) 1. marts, 2022

Nice concept but plugin crate fatal error on site, i am waiting for the update

 [ Læs 1 anmeldelse ](https://wordpress.org/support/plugin/image-blur/reviews/)

## Bidragsydere & udviklere

“Image Blur” er open source-software. Følgende personer har bidraget til dette plugin.

Bidragsydere

 *   [ Atte Liimatainen ](https://profiles.wordpress.org/attlii/)

[Oversæt “Image Blur” til dit eget sprog.](https://translate.wordpress.org/projects/wp-plugins/image-blur)

### Interesseret i udvikling?

[Gennemse koden](https://plugins.trac.wordpress.org/browser/image-blur/), tjek [SVN repository](https://plugins.svn.wordpress.org/image-blur/),
eller abonner på [udviklerloggen](https://plugins.trac.wordpress.org/log/image-blur/)
via [RSS](https://plugins.trac.wordpress.org/log/image-blur/?limit=100&mode=stop_on_copy&format=rss).

## Ændringslog

#### 1.0.0 (2021-11-30):

 * Initial release

#### 1.0.1 (2021-11-30):

 * Remove development related files from plugin directory

#### 1.1.0 (2021-12-02):

 * Add CDN support

#### 1.2.0 (2022-01-10):

 * Add example script to support WPGraphQL plugin

#### 1.2.1 (2022-01-28):

 * Update tested up to version to 5.9

#### 1.2.2 (2022-02-28):

 * Fix the issue when the plugin is accidentally included to environment through
   mu-plugins and plugins.

#### 2.0.0 (2023-01-26):

 * Test and confirm that plugin works with PHP 8.0 and WP 6.1.1. Update requires
   to meet these versions.

#### 2.0.1 (2023-07-26):

 * Test and confirm that plugin works with PHP 8.1 and WP 6.3.

#### 3.0.0 (2024-01-15):

 * Rewrite core to be more simpler.
 * Test and confirm that plugin works with PHP 8.2 and WP 6.4.2.
 * Test and confirm that plugin work with WP GraphQL plugin 1.19.0.

#### 3.0.1 (2024-01-15):

 * Remove redundant some files and folders from production package.

#### 3.0.2 (2024-01-15):

## Meta

 *  Version **3.0.2**
 *  Senest opdateret **2 år siden**
 *  Aktive installationer **100+**
 *  WordPress-version ** 6.1.1 eller højere **
 *  PHP-version ** 8.2 eller højere **
 *  Sprog
 * [English (US)](https://wordpress.org/plugins/image-blur/)
 *  [Avanceret visning](https://da.wordpress.org/plugins/image-blur/advanced/)

## Bedømmelser

 5 ud af 5 stjerner.

 *  [  1 5-stjernet anmeldelse     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=5)
 *  [  0 4-stjernet anmeldelser     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=4)
 *  [  0 3-stjernet anmeldelser     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=3)
 *  [  0 2-stjernet anmeldelser     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=2)
 *  [  0 1-stjernet anmeldelser     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=1)

[Your review](https://wordpress.org/support/plugin/image-blur/reviews/#new-post)

[Se alle anmeldelser.](https://wordpress.org/support/plugin/image-blur/reviews/)

## Bidragsydere

 *   [ Atte Liimatainen ](https://profiles.wordpress.org/attlii/)

## Support

Har du noget at sige? Har du brug for hjælp?

 [Vis supportforum](https://wordpress.org/support/plugin/image-blur/)