[{"name":"Image Blur","slug":"image-blur","version":"3.0.2","author":"Atte Liimatainen","author_profile":"https://profiles.wordpress.org/attlii/","requires":"6.1.1","tested":false,"requires_php":"8.2","requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":1},"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"downloaded":3691,"last_updated":"2024-01-15 6:23pm GMT","added":"2021-11-30","homepage":"https://github.com/AttLii/image-blur","sections":{"faq":"\n

\nHow to generate blurs for new image sizes?\n\n

To regenerate blurs you can:
\n– use f.e. Regenerate Thumbnails plugin
\n– use WP CLI if your environment has it installed.
\n– reactive this plugin (not recommended on high traffic sites)

\nHow do I clear DB from blur data?\n\n

This plugin cleans up generated blurs when it is deactivated.

For manual deletion, you can remove all rows from wp_postmeta table that have image_blur_ prefix in meta_key column.

\nWhich image formats are supported?\n\n

During development phase, this plugin was tested with .jpg, .jpeg, .gif, .png and .webp, which are the default accepted image types to media library.

\n\n","changelog":"

1.0.0 (2021-11-30):

Initial release

1.0.1 (2021-11-30):

Remove development related files from plugin directory

1.1.0 (2021-12-02):

Add CDN support

1.2.0 (2022-01-10):

Add example script to support WPGraphQL plugin

1.2.1 (2022-01-28):

Update tested up to version to 5.9

1.2.2 (2022-02-28):

Fix the issue when the plugin is accidentally included to environment through mu-plugins and plugins.

2.0.0 (2023-01-26):

Test and confirm that plugin works with PHP 8.0 and WP 6.1.1. Update requires to meet these versions.

2.0.1 (2023-07-26):

Test and confirm that plugin works with PHP 8.1 and WP 6.3.

3.0.0 (2024-01-15):

Rewrite core to be more simpler.
Test and confirm that plugin works with PHP 8.2 and WP 6.4.2.
Test and confirm that plugin work with WP GraphQL plugin 1.19.0.

3.0.1 (2024-01-15):

Remove redundant some files and folders from production package.

3.0.2 (2024-01-15):

\n","description":"

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\n
- The plugin should generate blurs for each image on the activation.
\n
Check an image’s details in your media library. It should have listing of all generated blurs.
To get a blur to a template, use get_post_meta(). Check example theme in plugin’s repository

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 {\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

\n"},"short_description":"Generates base64 encoded, downscaled and blurred versions of media library's images, which can be used f.e. as a placeholder.","download_link":"https://downloads.wordpress.org/plugin/image-blur.zip","screenshots":[],"tags":[],"versions":{"1.0.0":"https://downloads.wordpress.org/plugin/image-blur.1.0.0.zip","1.0.1":"https://downloads.wordpress.org/plugin/image-blur.1.0.1.zip","1.1.0":"https://downloads.wordpress.org/plugin/image-blur.1.1.0.zip","1.2.0":"https://downloads.wordpress.org/plugin/image-blur.1.2.0.zip","1.2.1":"https://downloads.wordpress.org/plugin/image-blur.1.2.1.zip","1.2.2":"https://downloads.wordpress.org/plugin/image-blur.1.2.2.zip","2.0.0":"https://downloads.wordpress.org/plugin/image-blur.2.0.0.zip","2.0.1":"https://downloads.wordpress.org/plugin/image-blur.2.0.1.zip","2.0.2":"https://downloads.wordpress.org/plugin/image-blur.2.0.2.zip","3.0.0":"https://downloads.wordpress.org/plugin/image-blur.3.0.0.zip","3.0.1":"https://downloads.wordpress.org/plugin/image-blur.3.0.1.zip","3.0.2":"https://downloads.wordpress.org/plugin/image-blur.3.0.2.zip"},"donate_link":"","icons":{"default":"https://s.w.org/plugins/geopattern-icon/image-blur.svg"}},{"name":"Cloudimage","slug":"cloudimage","version":"4.0.2","author":"Cloudimage","author_profile":"https://profiles.wordpress.org/scaleflex/","requires":"4.8","tested":"6.5.5","requires_php":"5.6","requires_plugins":[],"rating":88,"ratings":{"1":1,"2":0,"3":0,"4":1,"5":6},"num_ratings":8,"support_threads":0,"support_threads_resolved":0,"downloaded":37009,"last_updated":"2024-07-04 10:11am GMT","added":"2018-01-24","homepage":"","sections":{"description":"

Did you know?
\nFaster images increase conversion and thus revenue.

Did you know digital content impacts conversion rates more than you think? The first 4 seconds of your page load time have the highest impact on your conversion rate. Faster images increase conversion and revenue!

Cloudimage resizes, optimizes, compresses and distributes your images lightning-fast over CDN on any device around the world.

You can apply image filters, make custom transformations as well as remove watermarks. Start getting the most out of your images and convert more users thanks to beautiful and fast visuals. Enjoy Visual AI capabilities that can automatically and smartly resize, transform, or optimize your images with features such as background removal and lightning optimization.

Cloudimage embeds lazyloading as well as a progressive loading effect to ensure the best user experience possible on your websites. Our Cloudimage WordPress Plugin leverages the Cloudimage v7 API and offers two different options for making images responsive:

Using standard HTML5 srcscet tags. To use this option your WordPress theme must support natively the HTML5 tags for responsive images. Using this method, images in the WordPress media gallery will be automatically delivered over Cloudimage.
Using the powerful Cloudimage Responsive JS Plugin. This plugin smartly identifies the image container width, and then delivers the optimal image size. There’s no need for your Theme to support responsive images when choosing this method. This plugin also adds lazyloading and progressive loading to your images for an optimal user experience. This option guarantees the lightest possible output code and does not modify the images in the WordPress media gallery.

The Cloudimage WordPress Plugin needs no development: just plug-and-play!

You can easily register for a free Cloudimage account and start enjoying fast and responsive images today. Every month, you get 25GB of CDN traffic and image cache for free. If this limit is exceeded, our teams will contact you and we can explore our different plans! For any small to medium-sized WordPress site, 25GB seems to do the trick.

You can find more information on our paid plans here.

How does the Cloudimage WordPress Plugin work?

The Cloudimage plugin rewrites the WordPress image URLs and replaces them with Cloudimage URLs. Your origin images will be downloaded from your storage, resized by Cloudimage and then distributed over CDN.

You can now also enjoy a statistics dashboard within the Cloudimage plugin configuration page in your WordPress admin!

If you have suggestions for new features, feel free to email us at hello@scaleflex.com

Cloudimage is crafted by the Scaleflex team. Also, follow Scaleflex on Twitter for the latest news!

\n","installation":"

Effortlessly incorporate the plugin into your WordPress site by following these steps:

Discover and install the plugin via the Plugins > Add New page in your WordPress dashboard. Alternatively, you can upload the plugin’s .zip file directly on this page.
If you haven’t already, sign up for a free account on the Cloudimage website to obtain your unique token.
Activate the Cloudimage plugin within the Plugins page on your WordPress dashboard.
Navigate to the plugin’s configuration page and input either your Cloudimage token or custom CNAME to complete the setup.

\n","faq":"\n

\nQuestion 1: How does Cloudimage resize and optimize my WordPress images?\n\n

When you first load your WordPress site after the activation of the Cloudimage Plugin, your origin images will be directly downloaded by the Cloudimage management infrastructure. They will then be resized, optimized and delivered over CDN to your final users.

Cloudimage adds an extra layer of image cache (shield) on top of the CDN, in order to make any further request from the CDN to an origin image as fast as possible.

Cloudimage does not store your WordPress visuals permanently. Always keep your images in your WordPress gallery.

\nQuestion 2: Why are my images not going through Cloudimage?\n\n

If your images aren’t processing through Cloudimage, check if you have cache services like W3 Total Cache, WP Super Cache, or others. If this is the case, you will need to reload the cache to enable the transformation of your URL.

If however the problem persists, please contact us directly at: hello@scaleflex.com

\nQuestion 3: How much does Cloudimage cost?\n\n

Cloudimage SaaS offers a free tier subscription for 25GB CDN traffic and 25GB image cache per month. We also offer paid plans with higher CDN traffic as well as image cache allowances. You may find our pricing here.

\nQuestion 4: Will my original images be affected?\n\n

Cloudimage downloads your images automatically and does not modify your original images.

\nQuestion 5: What happens if I deactivate the Cloudimage WP Plugin?\n\n

If you were to deactivate the Cloudimage WP plugin, your website would revert to the condition it was in prior to the activation of the Cloudimage WP plugin. We do not apply any permanent changes to your WordPress.

\n\n","changelog":"

1.0.0

First version of Cloudimage WP plugin adapted from photon (Jetpack)

2.0.0

Added support for Cloudimage v7 API
Re-designed plugin configuration page
Added support for the Cloudimage Responsive JS Plugin
Added native tags to load images if JavaScript is disabled on user’s browser

2.0.5

Added option to disable lazyloading if handled by another plugin

2.1.0

BlurHash implementation of progressive loading as alternative. Newly uploaded images and existing images on updated articles will load with the BlurHash progressive loading effect. See demo (link to blurhash demo page).

2.1.1

Styling improvements in admin section
Added better text on tooltips with additional information

2.1.2

Improvements on blurhash loading

2.1.3

Text improvements in admin section

2.1.4

Bug fixes for unused variables, planned for version 3.0

2.1.5

Insert different JavaScript responsive library if blurhash is used. Save progressive loading.

2.1.6

Add default ci-ration = 1
Change the version of the JavaScript responsive libraries

2.1.7

Added new baloon with additional information in footer
Changed link to cloudimage login page in footer

2.2.0

Change version of the JavaScript responsive plugins
fixed bug with is-resized class for resized images

2.3.0

Change the default function of Cloudimage picture resizing from “fit” to “bound”

2.3.5

Better error handlig for the base Cloudimage class
Blurhash PHP comptability fix

2.4.0

Add support for the latest versions of Cloudimage JavaScript plugin
Add additional functions to fix Cloudimage JavaScript plugin bugs

2.4.1

Switch to Cloudimage JavaScript version 3.3.2

2.4.2

Switch to Cloudimage JavaScript version 3.3.3

2.5.0

Add hook for the content in Elementor theme

2.6.0

Remove unused functions and files
Visual styling of the admin section
Added two type of modes for simplicity
Added new type of hook for full content filtering (output buffering)

2.6.1

Add hint in admin to use a caching plugin

2.6.2

Add new version of the JavaScript responsive plugin 3.5.0

2.7.0

Start using the filters: ‘the_content’, ‘the_excerpt’, ‘comment_text’, ‘widget_text_content’ for filtering the content for the JavaSript responsive mode

2.7.1

Improve localhost detection

2.7.2

Improvement for handle bad configuration of WordPress base URLs

2.7.3

Improved filtering content in Elementor
Speed improvement in filtering content
Better Error handling, when you don’t have all images size (Comming from WP 4.x)

2.7.4

Improved content filtering for JavaScript mode

2.7.5

SVG excluded from JavaScript mode
Improved background-images detection in the JavaScript mode

2.7.6

Detection of logged in user, to avoid using Cloudimage for saving bandwidth in admin
Upgrade to the newest version of JavaScript responsive plugin 4.2.1
Text improvements in admin section
Improve regex to detect a not fully W3 compliant background images
Improve speed of content filtering

2.7.7

Fix text typo in admin section

2.7.8

Add custom hook for custom changes on cloudimage URL – filter_cloudimage_build_url

2.8.0

MP3 files exclude in backend mode, as some of JavaScript widgets not work fine
image_downsize remove in JavaScript mode
Not using CDN and URL prefixing in backend mode, when there is logged in user
Extend and add new srcsets in background mode, even the theme is not adding them (as option)

2.8.1

image_downsize turn off, when user is logged in

2.8.2

fix an issue in WooCommerce Single Product view

2.8.3

reorder JavaScript initialization scripts
increment JavaScript responsive plugin to 4.4.0
add function for detection of checkout page
add improved scripts on checkout pages
add inline styles in JavaScript mode for better visualization
admin section texts improvement

2.8.4

fix an issue in JavaScript mode with custom domain for background images
fix an issue with custom img_filters in build URL construction

2.8.5

improve RegEx for the background image filtering
improve validator of Cloudimage input token

2.8.6

fix bug with some styles used in the JS mode

2.8.7

fix issue with custom Cloudimage name and background image

2.8.8

fix some styles in admin section

2.8.9

Instagram widget fix

2.9.0

Add options to choose if plugin should work when user is logged in

2.9.1

Tested with WP version 5.4.2
Improved wordings in the admin section

2.9.2

Changed text in admin section

2.9.3

Compatibility checks with WordPress 5.5

2.9.4

Fix problem for icons in dashboard in JavaScript mode and admin logged-in in some cases

3.0.0

Adding advanced settings page with a lot of advanced configurations for customizing the service on your website
Srcset adding support to img tag if you enabled the option in advanced settings page
Improving the loading for JS libraries by loading them through ultrafast CDN

3.0.1

Fix an issue with some PHP version and Advanced tab

3.0.2

Fix an issue with double CDN of Cloudimage JS
Add the newest, improved version of Cloudimage JS – 4.6.3
Fix an issue with RegEx in JS mode (WP_DEBUG warning)

3.0.3

Fix preg_match issue in some PHP versions

3.0.4

Fix preg_match issue in some PHP versions

3.0.5

Adding option (Remove v7) in general settings page for removing api versioning in the URL’s.
Fix issue of repeating of URLs.

3.0.6

automate the remove-v7 switch by making it dependant on the token field. added contributors.

3.0.7

language string and css changes.

3.0.8

this version was just for a pre-publish demo (which includes reverting v3.0.6 and make & make the use-when-logged-in dial switched on by defaut).

3.0.9

this version was just for a pre-publish demo (which includes the language string improvements of v3.1.0).

3.1.0

language string improvements.

3.1.1

fix setting plugin config options.

3.1.2

remove-v7 dial turned on by default. checking by token disabled.

3.1.3

brought back the ability to check v7 or not by token. corrected the checking logic. addressed the slowness problem

3.1.4

corrected the v7 checking logic again

3.1.5

improve appearances and text

3.1.6

patch-up for fr_FR sites

3.2.0

tested up to WP version 6.1.1

3.2.1

Fixed error and tested up to WP version 6.2.2

4.0.0

Release new version for Cloudimage

4.0.1

Update information for Cloudimage Plugin

4.0.2

Set low priority for function cloudimage_output_buffer
Add new config “URL signature” (work only with Standard mode)

\n","screenshots":"

$\"Cloudimage$
Cloudimage website
$\"Benchmark$
Benchmark your images before and after Cloudimage
$\"Plugin$
Plugin configuration page
$\"Cloudimage$
Cloudimage Admin - Usage Statistics
$\"Cloudimage$
Cloudimage Admin - Performance Statistics
$\"\"$

"},"short_description":"The easiest way to resize, compress, optimise and deliver lightning fast images to your users on any device via CDN.","download_link":"https://downloads.wordpress.org/plugin/cloudimage.4.0.2.zip","screenshots":{"1":{"src":"https://ps.w.org/cloudimage/assets/Screenshot-1.png?rev=2876919","caption":"Cloudimage website"},"2":{"src":"https://ps.w.org/cloudimage/assets/Screenshot-2.png?rev=2742562","caption":"Benchmark your images before and after Cloudimage"},"3":{"src":"https://ps.w.org/cloudimage/assets/Screenshot-3.png?rev=2742562","caption":"Plugin configuration page"},"4":{"src":"https://ps.w.org/cloudimage/assets/Screenshot-4.png?rev=2742562","caption":"Cloudimage Admin - Usage Statistics"},"5":{"src":"https://ps.w.org/cloudimage/assets/Screenshot-5.png?rev=2876919","caption":"Cloudimage Admin - Performance Statistics"},"6":{"src":"https://ps.w.org/cloudimage/assets/Screenshot-6.png?rev=2876919","caption":""}},"tags":{"cdn":"cdn","convert-webp":"convert webp","image-resizing":"image resizing","optimize-images":"optimize images","seo":"seo"},"versions":{"1.0.1":"https://downloads.wordpress.org/plugin/cloudimage.1.0.1.zip","2.0.0":"https://downloads.wordpress.org/plugin/cloudimage.2.0.0.zip","2.0.5":"https://downloads.wordpress.org/plugin/cloudimage.2.0.5.zip","2.1.0":"https://downloads.wordpress.org/plugin/cloudimage.2.1.0.zip","2.1.1":"https://downloads.wordpress.org/plugin/cloudimage.2.1.1.zip","2.1.3":"https://downloads.wordpress.org/plugin/cloudimage.2.1.3.zip","2.1.4":"https://downloads.wordpress.org/plugin/cloudimage.2.1.4.zip","2.1.5":"https://downloads.wordpress.org/plugin/cloudimage.2.1.5.zip","2.1.6":"https://downloads.wordpress.org/plugin/cloudimage.2.1.6.zip","2.1.7":"https://downloads.wordpress.org/plugin/cloudimage.2.1.7.zip","2.2.0":"https://downloads.wordpress.org/plugin/cloudimage.2.2.0.zip","2.3.0":"https://downloads.wordpress.org/plugin/cloudimage.2.3.0.zip","2.3.5":"https://downloads.wordpress.org/plugin/cloudimage.2.3.5.zip","2.4.0":"https://downloads.wordpress.org/plugin/cloudimage.2.4.0.zip","2.4.1":"https://downloads.wordpress.org/plugin/cloudimage.2.4.1.zip","2.4.2":"https://downloads.wordpress.org/plugin/cloudimage.2.4.2.zip","2.5.0":"https://downloads.wordpress.org/plugin/cloudimage.2.5.0.zip","2.6.0":"https://downloads.wordpress.org/plugin/cloudimage.2.6.0.zip","2.6.1":"https://downloads.wordpress.org/plugin/cloudimage.2.6.1.zip","2.6.2":"https://downloads.wordpress.org/plugin/cloudimage.2.6.2.zip","2.7.0":"https://downloads.wordpress.org/plugin/cloudimage.2.7.0.zip","2.7.1":"https://downloads.wordpress.org/plugin/cloudimage.2.7.1.zip","2.7.2":"https://downloads.wordpress.org/plugin/cloudimage.2.7.2.zip","2.7.3":"https://downloads.wordpress.org/plugin/cloudimage.2.7.3.zip","2.7.4":"https://downloads.wordpress.org/plugin/cloudimage.2.7.4.zip","2.7.5":"https://downloads.wordpress.org/plugin/cloudimage.2.7.5.zip","2.7.6":"https://downloads.wordpress.org/plugin/cloudimage.2.7.6.zip","2.7.7":"https://downloads.wordpress.org/plugin/cloudimage.2.7.7.zip","2.7.8":"https://downloads.wordpress.org/plugin/cloudimage.2.7.8.zip","2.8.0":"https://downloads.wordpress.org/plugin/cloudimage.2.8.0.zip","2.8.1":"https://downloads.wordpress.org/plugin/cloudimage.2.8.1.zip","2.8.2":"https://downloads.wordpress.org/plugin/cloudimage.2.8.2.zip","2.8.3":"https://downloads.wordpress.org/plugin/cloudimage.2.8.3.zip","2.8.4":"https://downloads.wordpress.org/plugin/cloudimage.2.8.4.zip","2.8.5":"https://downloads.wordpress.org/plugin/cloudimage.2.8.5.zip","2.8.6":"https://downloads.wordpress.org/plugin/cloudimage.2.8.6.zip","2.8.7":"https://downloads.wordpress.org/plugin/cloudimage.2.8.7.zip","2.8.8":"https://downloads.wordpress.org/plugin/cloudimage.2.8.8.zip","2.8.9":"https://downloads.wordpress.org/plugin/cloudimage.2.8.9.zip","2.9.0":"https://downloads.wordpress.org/plugin/cloudimage.2.9.0.zip","2.9.1":"https://downloads.wordpress.org/plugin/cloudimage.2.9.1.zip","2.9.2":"https://downloads.wordpress.org/plugin/cloudimage.2.9.2.zip","2.9.3":"https://downloads.wordpress.org/plugin/cloudimage.2.9.3.zip","2.9.4":"https://downloads.wordpress.org/plugin/cloudimage.2.9.4.zip","3.0.0":"https://downloads.wordpress.org/plugin/cloudimage.3.0.0.zip","3.0.1":"https://downloads.wordpress.org/plugin/cloudimage.3.0.1.zip","3.0.2":"https://downloads.wordpress.org/plugin/cloudimage.3.0.2.zip","3.0.3":"https://downloads.wordpress.org/plugin/cloudimage.3.0.3.zip","3.0.4":"https://downloads.wordpress.org/plugin/cloudimage.3.0.4.zip","3.0.5":"https://downloads.wordpress.org/plugin/cloudimage.3.0.5.zip","3.1.4":"https://downloads.wordpress.org/plugin/cloudimage.3.1.4.zip","3.1.5":"https://downloads.wordpress.org/plugin/cloudimage.3.1.5.zip","3.1.6":"https://downloads.wordpress.org/plugin/cloudimage.3.1.6.zip","3.1.7":"https://downloads.wordpress.org/plugin/cloudimage.3.1.7.zip","3.1.8":"https://downloads.wordpress.org/plugin/cloudimage.3.1.8.zip","3.1.9":"https://downloads.wordpress.org/plugin/cloudimage.3.1.9.zip","3.2.0":"https://downloads.wordpress.org/plugin/cloudimage.3.2.0.zip","3.2.1":"https://downloads.wordpress.org/plugin/cloudimage.3.2.1.zip","4.0.0":"https://downloads.wordpress.org/plugin/cloudimage.4.0.0.zip","4.0.1":"https://downloads.wordpress.org/plugin/cloudimage.4.0.1.zip","4.0.2":"https://downloads.wordpress.org/plugin/cloudimage.4.0.2.zip","trunk":"https://downloads.wordpress.org/plugin/cloudimage.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/cloudimage/assets/icon-128x128.png?rev=2876919","2x":"https://ps.w.org/cloudimage/assets/icon-256x256.png?rev=2876919"}},{"name":"lazysizes","slug":"lazysizes","version":"1.3.3","author":"Patrick Sletvold","author_profile":"https://profiles.wordpress.org/16patsle/","requires":"3.9","tested":"5.5.15","requires_php":"5.6","requires_plugins":[],"rating":100,"ratings":{"1":0,"2":0,"3":0,"4":0,"5":6},"num_ratings":6,"support_threads":0,"support_threads_resolved":0,"downloaded":16801,"last_updated":"2020-08-13 10:19am GMT","added":"2017-11-02","homepage":"http://wordpress.org/plugins/lazysizes/","sections":{"description":"

lazysizes is a WordPress plugin for the high performance, SEO-friendly and auto-triggering lazyloader with the same name. Support includes images (including responsive images with srcset and the picture tag), iframes, scripts/widgets and much more. It also prioritizes resources by differentiating between crucial in view and near view elements to make perceived performance even faster. Additionally, you can add low-res/blurry placeholder images using the Blurhash algorithm.

This plugin works by loading the lazysizes script and replacing the src and srcset attributes with data-src and data-srcset on the front end of a WordPress site. When a post or page is loaded, the lazysizes javascript will load the images, iframes etc. dynamically when needed. All you need to do is to enable the plugin, and possibly tweak a few settings to your liking.

Thanks to aFarkas and contributors for making the lazysizes library possible, and for letting me use the same name.

Also thanks to dbhynds who made the Lazy Load XT plugin, which this plugin is based on.

\n","faq":"\n

\nWhy aren’t my images lazy loading?\n

Lazysizes filters images added to the page using the_content, post_thumbnail_html, widget_text and get_avatar. If your images are added using another function (wp_get_attachment_image for example), lazysizes does not filter them by default. There are several options for changing what lazysizes filters, like enabling it to filter acf_the_content for WYSIWYG content from Advanced Custom Fields, and enabling wp_get_attachment_image support (somewhat limited, see below). For unsupported use cases you can also filter the HTML yourself by passing it to get_lazysizes_html.

While this plugin has opt-in support for wp_get_attachment_image, it doesn’t add a no-Javascript fallback, which causes images to become invisible for users where Javascript is disabled or unsupported. We cannot fix this for you automatically, but you can fix this with a couple of changes to the code that uses wp_get_attachment_image. For example, if a theme has: echo wp_get_attachment_image($id);, changing it to the following would lazy load the image and add no-Javascript fallback if enabled in settings: echo get_lazysizes_html( wp_get_attachment_image($id) );

If a popular plugin is incompatible and has a filter for modifying the HTML output, lazysizes could most likely get support for that plugin. In that case, feel free to ask! If the plugin has no such way to filter the output, they would have to add one for lazysizes to leverage.

\nWhat is the Blurhash placeholder feature, and how do I use it?\n

The low-res Blurhash placeholder feature generates a text string for each image using the Blurhash algorithm. This string includes all the information necessary for the Blurhash script running in the visitor’s browser to decode it into a blurry image, which will be shown while the real image is loading.

Because the final image placeholder is generated in JavaScript, users on faster internet connections can sometimes see the full image directly for images that are above the fold. Images lower down on the page will have a placeholder ready by the time the user reaches them.

The placeholder Blurhash string is not computed on page load, as it can in some cases take several seconds to do so. Instead, it will need to be pregenerated. As long as Blurhash is enabled in the settings, all new images uploaded will have a Blurhash string generated automatically. Additionally, you can manage the Blurhash string for each attachment individually in the Media Library. There is an option to generate and store Blurhash strings on page load, which can be used to easily generate Blurhash strings for lots of images by visiting the page they’re shown on. Just remember to turn that option back off, or your visitors may be slightly upset.

For technical reasons, Blurhash is only supported for local image attachments, and at the moment is not officially supported for picture elements. Images without a Blurhash string will behave just like they do with the option turned off. Blurhash placeholders work with the existing effects, like fade-in, but in some cases the perfect fade-in effect may not be possible. The Blurhash placeholder will still fade in, but it might not fade when transitioning to the full image. This is because of a few edge cases not supported by the advanced Blurhash reveal effect.

The advanced Blurhash reveal effect works by creating an additional image element positioned under the regular image. This gives the best result in combination with the fade effect, but might not support all WordPress themes. Safeguards exist to prevent using the advanced effect when not supported (by falling back to the slightly imperfect fade effect), but in some cases problems may still occur. If you see this type of problem, you can disable the advanced Blurhash reveal effect in the settings. Feel free to contact me on the support forums, and I may be able to work out what was going wrong.

\nThere’s a plugin called Lazy Load XT. Why does this one look a bit similar?\n

The PHP code for this plugin was originally based on that of Lazy Load XT, with many changes since. The main difference is that this plugin is using a completely different lazy loading library (lazysizes), with no jQuery dependency. Additionally, this plugin is actively maintained and has advanced features like Blurhash support.

Thanks to dbhynds for making the Lazy Load XT plugin. Without that project, this one would not be possible.

\nWhy is this plugin called lazysizes, the same as the JS library it uses?\n

There are a few reasons:

I like the name name.
It is a fitting name, as it makes you think of lazy loading.
I’m hoping it will help people discover the plugin. I originally tried searching for a WordPress plugin using the library myself, and other people might be trying the same.

This plugin is not affiliated with the lazysizes project, but I asked for, and got, permission by aFarkas to use the name. That’s as far as any connection between the two go.

\n\n","changelog":"

1.3.3

Add support for WordPress 5.5 and native lazy loading (see point below).
Add option for full native lazyloading, which gives the browser full control over when to load the image. Not compatible with the old native lazy load option, which only gives the browser partial control over loading. Currently only supports images, other elements will be lazyloaded like previously.
Add support for transforming HTML using single quotes instead of double quotes for attributes.
Fix lazy loading for commenter avatars. This feature had actually been disabled for a while, because it was broken. The new support for single quote attributes fixes this.
Fix positioning of the blurhash placeholder when the image is directly inside a link element.
Fix Blurhash integration in the Media Library being incompatible with certain other plugins extending this area using JS. This mainly fixes compatibility with the plugin Smush, but should make other plugins more likely to work as well.
Fix incompatibilities with certain older versions of WordPress. Please note that it is always recommended to use the latest version of WordPress, and that the next major version of this plugin will require a more up to date WordPress installation than it does now.

1.3.2

A partial deploy caused by human error led to a fatal error due to missing files for versions v.1.3.0 and v1.3.1. This has been fixed, along with the following:

Fix warning caused by missing check for metadata existing.
Fix script for the attachment page being minified even when SCRIPT_DEBUG is true.
Properly implement Blurhash management support in the post editor.
Fix non-existent CSS stylesheet being enqueued when no lazy load effect was selected.
Improve logic for finding attachment id from an image url.
Fix issue with minified lazysizes script.

1.3.0

Note that this is the last release that will support PHP 5.6 and WordPress 3.9. The next release will most likely require PHP 7.2 and WordPress 4.5 or newer.

Add support for generating low-res placeholder images using Blurhash, which stores the placeholder as a short text string. Computing this string does not happen on page load, as it’s rather expensive, but when the blurhash placeholder option is enabled it can be controlled individually for each attachment, and new attachments will have a placeholder generated automatically. For more information, see the FAQ and the settings page.
Add custom lazysizes script and styles feature, which uses scripts and styles optimized for size and fewer requests.
Improve aspectratio calculation. Local images no longer need both width and height set, only one of them, since the aspect ratio can be calculated based on attachment metadata.
Various performance tweaks.
Add experimental option for skipping adding a src attribute to images, and letting the browser load the image progressively instead.
Fix issue where a picture element with an excluded class could still be lazy loaded.
Upgrade lazysizes library to 5.2.2.

1.2.1

Improve logic for skipping transforming images inside noscript tags. Should fix compatibility issues with Envira Gallery’s noscript fallback. Thanks to snippet24 for reporting.
Fix default options not being selected. If you were affected by this bug, see a list of recommended default options here. Thanks to snippet24 for reporting.

1.2.0

Upgrade lazysizes library to version 5.2.0.
Add opt-in support for Advanced Custom Fields.
The plugin now uses namespaces for PHP classes.
Confirmed working with WordPress 5.3 and PHP 7.4.

1.1.0

Upgrade lazysizes library to version 5.0.0.
Add experimental support for native lazy loading.
Fix fatal error during ajax processing. Thanks to @eastgate for reporting.
Fix PHP warning on certain pages, like the events page from the plugin The Events Calendar. Thanks @julian_wave for reporting.

1.0.0

Big thanks to martychc23 and dutze for their help and patience in making this release as good as it is.

Proper support for the picture tag, by popular request. Big refactoring of the HTML transforming code was done to make picture element support possible.
Improve and fix support for audio/video elements. The plugin now handles the preload attribute and leaves the src attribute alone on source elements inside video/audio.
Opt-in support for get_attachment_image. Please note that the plugin cannot add a no-js fallback for images lazy-loaded using this method.
Add option to enable/disable noscript fallback
Fix plugin action links
Several fixes to improve compatibility

0.3.0

Add support for the aspectratio plugin for lazysizes, which makes images have the right height while loading. Thanks to Teemu Suoranta (@teemusuoranta) for implementing.
If Javascript is turned off, the image tag that would normally be lazy loaded is now hidden properly. Thanks to @diegocanal for reporting and fixing.

0.2.0

Update the lazysizes library to version 4.1.5
Fix lazy loading of elements without a class attribute, like some iframes
Fix translation loading

0.1.3

Remove unused code for advanced settings

0.1.2

Fix text domain loading

0.1.1

Updated readme

0.1.0

Initial version of the plugin

\n"},"short_description":"High performance and SEO friendly lazy loader for images, iframes and more. Many features, like low-res Blurhash placeholders and image fade-in","download_link":"https://downloads.wordpress.org/plugin/lazysizes.1.3.3.zip","screenshots":[],"tags":{"blurhash":"Blurhash","image":"image","lazy-load":"lazy load","lazysizes":"lazysizes","performance":"performance"},"versions":{"0.1.3":"https://downloads.wordpress.org/plugin/lazysizes.0.1.3.zip","0.2.0":"https://downloads.wordpress.org/plugin/lazysizes.0.2.0.zip","0.3.0":"https://downloads.wordpress.org/plugin/lazysizes.0.3.0.zip","1.0.0":"https://downloads.wordpress.org/plugin/lazysizes.1.0.0.zip","1.1.0":"https://downloads.wordpress.org/plugin/lazysizes.1.1.0.zip","1.2.0":"https://downloads.wordpress.org/plugin/lazysizes.1.2.0.zip","1.2.1":"https://downloads.wordpress.org/plugin/lazysizes.1.2.1.zip","1.3.0":"https://downloads.wordpress.org/plugin/lazysizes.1.3.0.zip","1.3.1":"https://downloads.wordpress.org/plugin/lazysizes.1.3.1.zip","1.3.2":"https://downloads.wordpress.org/plugin/lazysizes.1.3.2.zip","1.3.3":"https://downloads.wordpress.org/plugin/lazysizes.1.3.3.zip","trunk":"https://downloads.wordpress.org/plugin/lazysizes.zip"},"donate_link":"","icons":{"1x":"https://ps.w.org/lazysizes/assets/icon.svg?rev=2357198","svg":"https://ps.w.org/lazysizes/assets/icon.svg?rev=2357198"}}]

Blurhash

Image Blur

Cloudimage

lazysizes

Get New Themes & Resources