Title: Inline Image Base64 – inline specific images into the HTML Author: Jose Mortellaro Published: 19 Απριλίου 2021 Last modified: 1 Οκτωβρίου 2026 --- Αναζήτηση πρόσθετων ![](https://ps.w.org/inline-image-base64/assets/banner-772x250.jpg?rev=2517927) ![](https://ps.w.org/inline-image-base64/assets/icon-256x256.png?rev=2517923) # Inline Image Base64 – inline specific images into the HTML Από [Jose Mortellaro](https://profiles.wordpress.org/giuse/) [Λήψη](https://downloads.wordpress.org/plugin/inline-image-base64.0.0.4.zip) * [Λεπτομέρειες](https://el.wordpress.org/plugins/inline-image-base64/#description) * [Κριτικές](https://el.wordpress.org/plugins/inline-image-base64/#reviews) * [Εγκατάσταση](https://el.wordpress.org/plugins/inline-image-base64/#installation) * [Ανάπτυξη](https://el.wordpress.org/plugins/inline-image-base64/#developers) [Υποστήριξη](https://wordpress.org/support/plugin/inline-image-base64/) ## Περιγραφή With Inline Image Base64 you can **inline specific images directly into the HTML** as base64. You can also use it to **disable the native lazy loading for specific images**. After successful activation, you will see two checkboxes when you open an attachment in the media library. One for inlining the image and another one to disable the native lazy loading. Inlining the first image that appears in the viewport can drastically improve the rendering performance. The benefits will be higher for light images. A typical example is a light logo. If you do it for too big images the size of the HTML may become too big. Inlining images is very useful for images that are not more than 20-30 kB. But it depends on the size of the HTML that you already have. We suggest perform some speed tests with [Google PageSpeed Insights](https://pagespeed.web.dev/) to check the benefits. Upload an image that already has the right dimensions. To have a minimum Content Layout Shift, better you assign the width and hight to the image with custom CSS. In any case, we suggest disabling the native lazy loading for all the images that appear on the viewport during the first rendering. Disabling the lazy loading for those images can only give benefits. You will find the settings on every single attachment in the media library, no dedicated settings page for this plugin. ### Backend Speed Optimization Is your dashboard slow? We optimize admin performance by improving queries and reducing plugin load. Read [Backend Speed Optimization Service](https://josemortellaro.com/backend-speed-optimization/) for more information. ### How to inline an image into the HTML 1. Install and activate Inline Image base64 2. Go to the media library and open the image that you want to inline into the HTML 3. Check the checkbox “Inline Image” ### How to disable the native lazy loading of a specific image 1. Install and activate Inline Image base64 2. Go to the media library and open the image that you want to load without lazy loading 3. Unheck the checkbox “Native Lazy Loading” ### Suggestions * Always disable the lazy loading for the images that appear in the viewport during the page loading * Inline only the images that appears in the viewport during the page loading, only if they aren’t too big. Until 20-30 kB should be ok, but it depends on the size of the HTML. * Perform some tests with [Google PageSpeed Insights](https://pagespeed.web.dev/) before and after inlining an image. So you can evaluate the benefits and drawbacks that could be caused by a too large HTML ### Help For any kind of issue, don’t hesitate to open a thread on the [Support Forum](https://wordpress.org/support/plugin/inline-image-base64/) ## Στιγμιότυπα [⌊Settings in the media library⌉⌊Settings in the media library⌉[ Settings in the media library ## Εγκατάσταση 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! ## Κριτικές ![](https://secure.gravatar.com/avatar/0303cdc39a8692aaa552efe1bce2db00e0ada655b328835d8e6e28db40b23511? s=60&d=retro&r=g) ### 󠀁[Nice Work!](https://wordpress.org/support/topic/nice-work-509/)󠁿 [stefanogag](https://profiles.wordpress.org/stefanogag/) 28 Απριλίου 2021 1 απάντηση Great Plugin, nice work! [ Ανάγνωση 1 κριτικής ](https://wordpress.org/support/plugin/inline-image-base64/reviews/) ## Συνεισφέροντες & Προγραμματιστές “Inline Image Base64 – inline specific images into the HTML” είναι λογισμικό ανοιχτού κώδικα. Οι παρακάτω έχουν συνεισφέρει στη δημιουργία του. Συντελεστές * [ Jose Mortellaro ](https://profiles.wordpress.org/giuse/) [Μεταφράστε το “Inline Image Base64 – inline specific images into the HTML” στην γλώσσα σας.](https://translate.wordpress.org/projects/wp-plugins/inline-image-base64) ### Ενδιαφέρεστε για την ανάπτυξη; [Περιηγηθείτε στον κώδικα](https://plugins.trac.wordpress.org/browser/inline-image-base64/), ανατρέξτε στο [αποθετήριο SVN](https://plugins.svn.wordpress.org/inline-image-base64/) ή εγγραφείτε στο [αρχείο καταγραφής αλλαγών ανάπτυξης](https://plugins.trac.wordpress.org/log/inline-image-base64/) μέσω [RSS](https://plugins.trac.wordpress.org/log/inline-image-base64/?limit=100&mode=stop_on_copy&format=rss). ## Σύνοψη αλλαγών #### 0.0.4 * Fix: attachment post meta not removed on plugin deletion #### 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 ## Μεταστοιχεία * Version **0.0.4** * Τελευταία ενημέρωση: **πριν από 3 εβδομάδες** * Ενεργές εγκαταστάσεις: **90+** * Έκδοση WordPress: ** 4.6 ή νεότερη ** * Δοκιμασμένο μέχρι: **7.1.3** * Έκδοση PHP: ** 5.6 ή νεότερη ** * Language * [English (US)](https://wordpress.org/plugins/inline-image-base64/) * Ετικέτα: * [layout shift](https://el.wordpress.org/plugins/tags/layout-shift/) * [Σύνθετη Προβολή](https://el.wordpress.org/plugins/inline-image-base64/advanced/) ## Αξιολογήσεις 5 out of 5 stars. * [ 1 5-star review ](https://wordpress.org/support/plugin/inline-image-base64/reviews/?filter=5) * [ 0 4-star reviews ](https://wordpress.org/support/plugin/inline-image-base64/reviews/?filter=4) * [ 0 3-star reviews ](https://wordpress.org/support/plugin/inline-image-base64/reviews/?filter=3) * [ 0 2-star reviews ](https://wordpress.org/support/plugin/inline-image-base64/reviews/?filter=2) * [ 0 1-star reviews ](https://wordpress.org/support/plugin/inline-image-base64/reviews/?filter=1) [Your review](https://wordpress.org/support/plugin/inline-image-base64/reviews/#new-post) [See all reviews](https://wordpress.org/support/plugin/inline-image-base64/reviews/) ## Συντελεστές * [ Jose Mortellaro ](https://profiles.wordpress.org/giuse/) ## Υποστήριξη Έχετε κάτι να πείτε; Χρειάζεστε βοήθεια; [Φόρουμ υποστήριξης](https://wordpress.org/support/plugin/inline-image-base64/) ## Δωρεά Θα θέλατε να υποστηρίξετε την προαγωγή αυτού του πρόσθετου; [ Κάντε δωρεά σε αυτό το πρόσθετο ](http://buymeacoffee.com/josem)