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.

mranderson

<p>Base64 Encoder/Decoder is a WordPress Plugin that enables you to encode parts of your post in base64. The encoded text looks like unreadable text, but when you press the “Decode” button it gets readable with inline replacement using AJAX, so it’s invisible to search robots.</p>
<p>It uses ‘[base64]’ and ‘[/base64]’ tags for opening and closing the parts of post you need to encode. The tags are browser invisible, this is, if you decide to deactivate the plugin, the content enclosed by this tags will be shown like normal text in the post.</p>
<p>You can add the tags typing them or using the quicktag button in HTML editing mode. For now I don’t provide a quicktag button in Visual editing mode, but I expect to add that in next version.</p>
<p>Previous versions of this plugin used ‘<!–base64–>’, ‘<!–/base64–>’, ‘<base64>’ and ‘</base64>’ tags. You don’t have to modify that posts, the new tag format has retro-compatibility. But if you wish you can update the database replacing the old tag format to the new tag format with just one click.</p>
<h3>Credits</h3>
<p>Most parts of the code are not my creation, they were borrowed from people smarter than me, so I must thank to them.</p>
<p>Thanks to <a href="http://www.anieto2k.com/2006/02/08/plugin-antitroll/" rel="nofollow ugc">aNieto2k’s AntiTroll Plugin</a> for part of the code, because that was my first source when I knew nothing about creating a WordPress Plugin.</p>
<p>Thanks to <a href="http://www.randomsnippets.com/2008/03/07/how-to-find-and-replace-text-dynamically-via-javascript/" rel="nofollow ugc">Random Snippets</a> for the Javascript replacement script. Without it the plugin will be unable to replace text inline.</p>
<p>Thanks to <a href="http://lorelle.wordpress.com/2005/12/01/search-and-replace-in-wordpress-mysql-database/" rel="nofollow ugc">Lorelle’s Blog</a> for the info on how to search and replace inside a WordPress database.</p>
<p>Thanks to <a href="http://www.mydigitallife.info/2006/06/24/retrieve-and-get-wordpress-post-id-outside-the-loop-as-php-variable/" rel="nofollow ugc">MyDigitalLife</a> for the info on how to identify the postID, helping me to solve the bug related to multiple base64 blocks showing on different posts at same time.</p>
<p>Thanks to <a href="http://daniel.lorch.cc/docs/ajax_simple/" rel="nofollow ugc">Daniel Lorch</a> for the info on how to use AJAX inside the plugin, it was a clarificating example.</p>
<p>Thanks to <a href="https://wordpress.org/extend/plugins/automatic-timezone/" rel="ugc">Automatic Timezone Plugin</a> for parts of script that adds “Settings” link to Admin Page in Installed Plugins Page.</p>
<p>Thanks to <a href="http://www.famfamfam.com/lab/icons/silk/" rel="nofollow ugc">Famfamfam</a> for the key icon used for the Admin page.</p>


Base64 Encoder/Decoder

WP 5.7 not working

Enables you to encode parts of your post in base64.

Image Blur vs Base64 Encoder/Decoder