{"id":150554,"date":"2021-11-30T07:44:24","date_gmt":"2021-11-30T07:44:24","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/image-blur\/"},"modified":"2024-01-15T18:23:22","modified_gmt":"2024-01-15T18:23:22","slug":"image-blur","status":"publish","type":"plugin","link":"https:\/\/da.wordpress.org\/plugins\/image-blur\/","author":17460990,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"3.0.2","stable_tag":"trunk","tested":"","requires":"6.1.1","requires_php":"8.2","requires_plugins":null,"header_name":"Image Blur","header_author":"Atte Liimatainen","header_description":"Generates base64 encoded, downscaled and blurred versions of media library's images, which can be used f.e. as a placeholder.","assets_banners_color":"","last_updated":"2024-01-15 18:23:22","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/AttLii\/image-blur","header_author_uri":"https:\/\/github.com\/AttLii","rating":5,"author_block_rating":0,"active_installs":100,"downloads":7398,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["faq","changelog","description"],"tags":{"1.0.0":{"tag":"1.0.0","author":"attlii","date":"2021-11-30 07:44:21"},"1.0.1":{"tag":"1.0.1","author":"attlii","date":"2021-11-30 07:57:23"},"1.1.0":{"tag":"1.1.0","author":"attlii","date":"2021-12-02 08:59:48"},"1.2.0":{"tag":"1.2.0","author":"attlii","date":"2022-01-10 17:58:29"},"1.2.1":{"tag":"1.2.1","author":"attlii","date":"2022-01-28 18:34:49"},"1.2.2":{"tag":"1.2.2","author":"attlii","date":"2022-02-28 20:42:23"},"2.0.0":{"tag":"2.0.0","author":"attlii","date":"2023-01-26 14:02:13"},"2.0.1":{"tag":"2.0.1","author":"attlii","date":"2023-07-26 07:18:08"},"2.0.2":{"tag":"2.0.2","author":"attlii","date":"2023-12-10 17:08:33"},"3.0.0":{"tag":"3.0.0","author":"attlii","date":"2024-01-15 18:06:52"},"3.0.1":{"tag":"3.0.1","author":"attlii","date":"2024-01-15 18:19:16"},"3.0.2":{"tag":"3.0.2","author":"attlii","date":"2024-01-15 18:23:22"}},"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"assets_icons":[],"assets_banners":[],"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0.0","1.0.1","1.1.0","1.2.0","1.2.1","1.2.2","2.0.0","2.0.1","2.0.2","3.0.0","3.0.1","3.0.2"],"block_files":[],"assets_screenshots":[],"screenshots":[],"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[],"plugin_category":[50],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-150554","plugin","type-plugin","status-publish","hentry","plugin_category-media","plugin_committers-attlii"],"banners":[],"icons":{"svg":false,"icon":"https:\/\/s.w.org\/plugins\/geopattern-icon\/image-blur.svg","icon_2x":false,"generated":true},"screenshots":[],"raw_content":"<!--section=faq-->\n<dl>\n<dt id='how%20to%20generate%20blurs%20for%20new%20image%20sizes%3F'><h3>How to generate blurs for new image sizes?<\/h3><\/dt>\n<dd><p>To regenerate blurs you can:\n- use f.e. <a href=\"https:\/\/wordpress.org\/plugins\/regenerate-thumbnails\/\">Regenerate Thumbnails<\/a> plugin\n- use <a href=\"https:\/\/developer.wordpress.org\/cli\/commands\/media\/regenerate\/\">WP CLI<\/a> if your environment has it installed.\n- reactive this plugin (not recommended on high traffic sites)<\/p><\/dd>\n<dt id='how%20do%20i%20clear%20db%20from%20blur%20data%3F'><h3>How do I clear DB from blur data?<\/h3><\/dt>\n<dd><p>This plugin cleans up generated blurs when it is deactivated.<\/p>\n\n<p>For manual deletion, you can remove all rows from <code>wp_postmeta<\/code> table that have <code>image_blur_<\/code> prefix in <code>meta_key<\/code> column.<\/p><\/dd>\n<dt id='which%20image%20formats%20are%20supported%3F'><h3>Which image formats are supported?<\/h3><\/dt>\n<dd><p>During development phase, this plugin was tested with .jpg, .jpeg, .gif, .png and .webp, which are the default accepted image types to media library.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0 (2021-11-30):<\/h4>\n\n<ul>\n<li>Initial release<\/li>\n<\/ul>\n\n<h4>1.0.1 (2021-11-30):<\/h4>\n\n<ul>\n<li>Remove development related files from plugin directory<\/li>\n<\/ul>\n\n<h4>1.1.0 (2021-12-02):<\/h4>\n\n<ul>\n<li>Add CDN support<\/li>\n<\/ul>\n\n<h4>1.2.0 (2022-01-10):<\/h4>\n\n<ul>\n<li>Add example script to support WPGraphQL plugin<\/li>\n<\/ul>\n\n<h4>1.2.1 (2022-01-28):<\/h4>\n\n<ul>\n<li>Update tested up to version to 5.9<\/li>\n<\/ul>\n\n<h4>1.2.2 (2022-02-28):<\/h4>\n\n<ul>\n<li>Fix the issue when the plugin is accidentally included to environment through mu-plugins and plugins.<\/li>\n<\/ul>\n\n<h4>2.0.0 (2023-01-26):<\/h4>\n\n<ul>\n<li>Test and confirm that plugin works with PHP 8.0 and WP 6.1.1. Update requires to meet these versions.<\/li>\n<\/ul>\n\n<h4>2.0.1 (2023-07-26):<\/h4>\n\n<ul>\n<li>Test and confirm that plugin works with PHP 8.1 and WP 6.3.<\/li>\n<\/ul>\n\n<h4>3.0.0 (2024-01-15):<\/h4>\n\n<ul>\n<li>Rewrite core to be more simpler.<\/li>\n<li>Test and confirm that plugin works with PHP 8.2 and WP 6.4.2.<\/li>\n<li>Test and confirm that plugin work with WP GraphQL plugin 1.19.0.<\/li>\n<\/ul>\n\n<h4>3.0.1 (2024-01-15):<\/h4>\n\n<ul>\n<li>Remove redundant some files and folders from production package.<\/li>\n<\/ul>\n\n<h4>3.0.2 (2024-01-15):<\/h4>\n\n<!--section=description-->\n<p>Generates base64 encoded, downscaled and blurred versions of media library's images, which can be used f.e. as a placeholder.<\/p>\n\n<h3>Inspiration<\/h3>\n\n<p>After Wolt showcased their <a href=\"https:\/\/blurha.sh\/\">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>\n\n<h3>How to start using the plugin<\/h3>\n\n<ul>\n<li>Install and activate this plugin in your environment\n\n<ul>\n<li>The plugin should generate blurs for each image on the activation.<\/li>\n<\/ul><\/li>\n<li>Check an image's details in your media library. It should have listing of all generated blurs.<\/li>\n<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\">plugin's repository<\/a><\/li>\n<\/ul>\n\n<h3>Customization<\/h3>\n\n<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>\n\n<pre><code>function modify_image_blur_width( int $width ): int {\n  return 15;\n}\nadd_filter(\"image-blur-modify-width\", \"modify_image_blur_width\");\n\nfunction modify_gaussian_blur_strength( int $strength ): int {\n  return 10;\n}\nadd_filter(\"image-blur-modify-gaussian-blur-strength\", \"modify_gaussian_blur_strength\");\n<\/code><\/pre>","raw_excerpt":"Generates base64 encoded, downscaled and blurred versions of media library&#039;s images, which can be used f.e. as a placeholder.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/150554","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=150554"}],"author":[{"embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/attlii"}],"wp:attachment":[{"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=150554"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=150554"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=150554"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=150554"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=150554"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/da.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=150554"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}