Atte Liimatainen

<p>Generates base64 encoded, downscaled and blurred versions of media library’s images, which can be used f.e. as a placeholder.</p>
<h3>Inspiration</h3>
<p>After Wolt showcased their <a href="https://blurha.sh/" rel="nofollow ugc">Blurhash</a> 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.</p>
<h3>How to start using the plugin</h3>
<ul>
<li>Install and activate this plugin in your environment
<ul>
<li>The plugin should generate blurs for each image on the activation.</li>
</ul>
</li>
<li>Check an image’s details in your media library. It should have listing of all generated blurs.</li>
<li>To get a blur to a template, use <code>get_post_meta()</code>. Check example theme in <a href="https://github.com/AttLii/image-blur" rel="nofollow ugc">plugin’s repository</a></li>
</ul>
<h3>Customization</h3>
<p>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:</p>
<pre><code>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");
</code></pre>


Image Blur

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

macprawn

<p><strong>NOTE</strong><br />
    I am moving away from WordPress development, focusing more on web app development, which means maintaining this plugin no longer makes sense for me.<br />
    It will no longer receive updates, unless someone wants to take over the code base? If you are interested, please reach out to me.<br />
    Thank you all for your interest and support!</p>
<p>Base64 Images is a simple plugin to encode your media images on your site. Base64 encoding of images can have some <a href="https://varvy.com/pagespeed/base64-images.html" rel="nofollow ugc">SEO benefits</a> for your site.</p>
<p>The plugin is as unobtrusive as possible: activate it, and media images are encoded. Deactivate it, and they are not. No settings, no gunk left in your database. * It hooks into WordPress approved hooks and filters to do its job.</p>
<p>(* There is some caching used for speed benefits, but the cached data will be totally removed when you uninstall the plugin completely.)</p>


Base64 Images

Automatically base64 encodes media images on your site.

Image Blur vs Base64 Images