WPThumbs
Themes Plugins By purpose By industry Best-of lists Fix it guides
Free Plugin by Atte Liimatainen v3.0.2

Image Blur

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

Image Blur

The facts

Rating
5★ from 1
Active installs
100+
Price
Free
Last updated
15 Jan 2024
Added
Nov 2021
Requires WP
6.1.1
Requires PHP
8.2
Downloads
8,088

Our analysis

AI-assisted

Image Blur is a WordPress plugin that generates base64 encoded, downscaled, and blurred versions of images from the media library. These blurred images can be used as placeholders while the original images load. The plugin was inspired by the Blurhash technique and aims to provide a similar functionality in a more accessible format.

To use the plugin, you need to install and activate it, after which it will automatically generate blurred images for each image in your media library. Developers can customize the generated images using provided filters, allowing adjustments to the width and blur strength.

Best for: This plugin is suitable for developers looking to enhance image loading experiences on their WordPress sites.

What it does well

  • Generates base64 encoded blurred images
  • Can be used as placeholders for original images
  • Offers customization options for developers
  • Free to use from the WordPress.org directory

Where it falls short

  • Limited information on additional features
  • Only one rating available

Verdict

Image Blur provides a straightforward solution for generating blurred image placeholders, but its limited user feedback may warrant caution for some users.

From the developer

Atte Liimatainen's own description of Image Blur, lightly tidied.

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 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.

    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");
    

    Read the full description on the official page →

Tagged as

Alternatives

Other plugins for libraries and archives.

Starter Templates

The growing library of 300+ ready-to-use templates that work with all WordPress themes including Astra, Hello,...

Free 1M+ installs 4.9★ (4,745)
SVG Support

Securely upload SVG files to your media library, with built-in sanitization and advanced features for styling...

Free 1M+ installs 4.8★ (355)
Enable Media Replace

Easily replace any attached image/file by simply uploading a new file in the Media Library edit view - a real...

Free 600k+ installs 4.4★ (302)
Happy Addons for Elementor

HappyAddons packs Header Footer Builder, Megamenu, Single Post, Archive Page, & 500+ Ready Templates into...

Free 400k+ installs 4.8★ (487)
CMB2

CMB2

91

CMB2 is a metabox, custom fields, and forms library for WordPress that will blow your mind.

Free 300k+ installs 5★ (91)
Extendify

The best WordPress templates, pattern, and layout library with 1,000+ designs built for the Gutenberg block ed...

Free 500k+ installs 4.7★ (10)