Bilder inline einbinden im Ebook

Bildhöhe ist an die Schriftgröße gekoppelt!

dass es so ungefähr aussieht, und mit der Schriftgröße skaliert!

dass es so ungefähr aussieht, und mit der Schriftgröße skaliert!

Das ist das Original-Bild:

 

 

Das obige Bild wird im Quellcode (HTML) des Ebooks folgendermaßen eingebunden (Bildpfad und Dateiname anpassen!):

 

dass es so <img src="pictures/vektor-j.jpg" class="inline-image" alt="Tipps&Tricks"/> ungefähr aussieht, und mit der Schriftgröße skaliert!

 

im sog. stylesheet (css) fügt man dann folgende Formatierung ein:

 

.inline-image {
    height: 1.2em;
    position: relative;
    top: 0.3em;
    display: inline !important;
    max-height: 100%;
    max-width: 100%;
    width: auto;
    padding: 0;
    margin: 0;
    }   

 

Und schon ist die Sache erledigt.

 

PS:

height         ist die Höhe des Bildes in Buchstabengröße (em)

top              ist die vertikale Verschiebung des Bildes relativ zur Zeile