Bild einfügen/bearbeiten

HTML-Editor Hilfe

HTML-Editor Hilfe

Sind Sie ratlos?

Wie kommen Bilder und Dokumente in Ihren HTML-Editor?

Mit der Funktion "Bild einfügen / bearbeiten"!

Wir wollen uns das nachfolgend einmal näher betrachten.

Bild einfügen / bearbeiten

Sollten Sie auf den File Manager* verzichtet haben, können Sie Ihre Bilder mit dieser Funktion direkt in den Arbeitsbereich importieren.

Wenn Sie oben auf Bild einfügen / bearbeiten klicken, erhalten Sie diese Ansicht.
Beim Klicken auf den Button "Hochladen" öffnet sich ein Fenster mit dem Sie ein auf Ihrem Rechner befindliches Bild aussuchen können.

Erste Ansicht

Beim Klicken auf Bild einfügen / bearbeiten

In der Mitte des Bearbeitungsbereiches sehen Sie nun das ausgewählte Bild.

Die ursprüngliche Bildgröße ist 800 x 800 px (Pixel)
Da wir aber die Bildgröße schon in der "Uploadphase" auf eine Größe von 300 px reduzieren, sehen Sie diese Größenangabe auch im Bearbeitungsfenster.
(Diese Größe sprechen wir mit Ihnen ab.)
Im Beispiel ist das Bild genau quadratisch.
Deshalb erscheint in der Angabe von Breite und Höhe der gleiche Wert.

.: Generell wird in der sog. "Uploadphase" serverseitig immer der Wert angenommen, der zuerst die Vorgabe bezügl. Breite oder Höhe erreicht.
.: In unserem Beispiel 300px.
.: Dadurch bleiben die Proportionen immer erhalten.

Sobald sich das Bild innnerhalb des Bearbeitungsbereichs befindet, können Sie die Größe noch einmal beeinflussen.
Wir belassen die Größe vorab auf 300px um Ihnen aufzuzeigen, dass man die Größe auch nachträglich noch an anderer Stelle ändern kann.

"OK" klicken!

Das Bild befindet sich jetzt im Arbeitsbereich des HTML-Editors.

Um, wie erwähnt, die Größe des Bildes hier zu verändern, machen Sie einen Rechtsklick auf das Bild!
Hier auf "Bild einfügen / bearbeiten" klicken und Sie haben wieder den Bildbearbeitungsbereich in der Anzeige.

Wir setzen in unserem Beispiel die Breite und die Höhe jeweils auf 100px und bestätigen mit "OK".

.: Tip: Es reicht, wenn Sie die Breite angeben. Die Höhe passt sich automatisch an.

Folgendes Bild zeigt sich dann!

Ergebnis

Das Bild hat jetzt 100 x 100px