Title: Image Blur
Author: Atte Liimatainen
Published: <strong>2021年11月30日</strong>
Last modified: 2024年1月15日

---

プラグインを検索

このプラグインは **WordPress の最新3回のメジャーリリースに対してテストされていま
せん**。もうメンテナンスやサポートがされていないかもしれず、最新バージョンの WordPress
で使用した場合は互換性の問題が発生する可能性があります。

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

# Image Blur

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

[ダウンロード](https://downloads.wordpress.org/plugin/image-blur.zip)

 * [詳細](https://ja.wordpress.org/plugins/image-blur/#description)
 * [レビュー](https://ja.wordpress.org/plugins/image-blur/#reviews)
 * [開発](https://ja.wordpress.org/plugins/image-blur/#developers)

 [サポート](https://wordpress.org/support/plugin/image-blur/)

## 説明

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.

## 評価

![](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/) 2022年3月1日

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

 [ 1件のレビューをすべて表示 ](https://wordpress.org/support/plugin/image-blur/reviews/)

## 貢献者と開発者

Image Blur はオープンソースソフトウェアです。以下の人々がこのプラグインに貢献してい
ます。

貢献者

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

[“Image Blur” をあなたの言語に翻訳しましょう。](https://translate.wordpress.org/projects/wp-plugins/image-blur)

### 開発に興味がありますか ?

[コードを閲覧](https://plugins.trac.wordpress.org/browser/image-blur/)するか、[SVN リポジトリ](https://plugins.svn.wordpress.org/image-blur/)
をチェックするか、[開発ログ](https://plugins.trac.wordpress.org/log/image-blur/)
を [RSS](https://plugins.trac.wordpress.org/log/image-blur/?limit=100&mode=stop_on_copy&format=rss)
で購読してみてください。

## 変更履歴

#### 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):

## メタ

 *  バージョン **3.0.2**
 *  最終更新日 **3年前**
 *  有効インストール数 **100+**
 *  WordPress バージョン ** 6.1.1またはそれ以降 **
 *  PHP バージョン ** 8.2またはそれ以降 **
 *  言語
 * [English (US)](https://wordpress.org/plugins/image-blur/)
 *  [詳細を表示](https://ja.wordpress.org/plugins/image-blur/advanced/)

## 評価

 5つ星中5つ星

 *  [  1 5-星レビュー     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=5)
 *  [  0 4-星レビュー     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=4)
 *  [  0 3-星レビュー     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=3)
 *  [  0 2-星レビュー     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=2)
 *  [  0 1-星レビュー     ](https://wordpress.org/support/plugin/image-blur/reviews/?filter=1)

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

[すべてのレビューを見る](https://wordpress.org/support/plugin/image-blur/reviews/)

## 貢献者

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

## サポート

意見や質問がありますか ?

 [サポートフォーラムを表示](https://wordpress.org/support/plugin/image-blur/)