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

Improve the rendering performance 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.

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.

Moreover, you will be able to disable the native lazy loading for specific images. If they appear in the viewport during the page loading, better you disable the lazy loading for those images in any case, also if you don't inline them.

You will find the settings on every single attachment in the media library, no dedicated settings page for this plugin.

== 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!



== Screenshots ==

1. Settings in the media library


== Changelog ==

= 0.0.3 =
* Added: CSS class to inlined images
* Added: checkbox to disable the native lazy loading

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

= 0.0.1 =
* First release