Inline Image Base64

Screenshots

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. 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.