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