The growing library of 300+ ready-to-use templates that work with all WordPress themes including Astra, Hello,...
Generates base64 encoded, downscaled and blurred versions of media library's images, which can be used f.e. as a placeholder.
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
Where it falls short
Image Blur provides a straightforward solution for generating blurred image placeholders, but its limited user feedback may warrant caution for some users.
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.
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.
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");
Other plugins for libraries and archives.
The growing library of 300+ ready-to-use templates that work with all WordPress themes including Astra, Hello,...
Securely upload SVG files to your media library, with built-in sanitization and advanced features for styling...
Easily replace any attached image/file by simply uploading a new file in the Media Library edit view - a real...
HappyAddons packs Header Footer Builder, Megamenu, Single Post, Archive Page, & 500+ Ready Templates into...
CMB2 is a metabox, custom fields, and forms library for WordPress that will blow your mind.
The best WordPress templates, pattern, and layout library with 1,000+ designs built for the Gutenberg block ed...