=== Inline Image Base64 ===
Contributors: giuse
Tags: speed optimisation,layout shift
Requires at least: 4.6
Tested up to: 5.7
Stable tag: 0.0.2
Requires PHP: 5.6
License: GPLv2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html

Improve the Layout Shift inlining the little images directly into the HTML as base64 (e.g. the logo).




== Description ==


Thanks to Inline Image Base64 you can inline specific images directly into the HTML as base64.

After successful activation, you will see a checkbox when you open an attachment in the media library. If you check it, that image will be embedded into the HTML and not called any more as a separate file.

This is useful to drastically improve e.g. the Layout Shift given by the logo during the page loading.

Don't use it for large images, in another case the HTML will be too big. Use it for the little images that appear on the viewport during the page loading. A typical example as said is the logo.

The inlined image will always have the size of the original full image, so upload an image that already has the right dimensions.

To have a minimum Content Layout Shift, remember to assign the width and hight to the image with custom CSS.


== Installation ==

1. Upload the entire `inline-image-b64` folder to the `/wp-content/plugins/` directory or install it using the usual installation button in the Plugins administration page.
2. Activate the plugin through the 'Plugins' menu in WordPress.
3. After successful activation you will see a checkbox when you open an attachment in the media library.
4. All done. Good job!




== Changelog ==

= 0.0.2 =
* Added: disabled native lazy loading for inlined images

= 0.0.1 =
* First release