So bearbeiten Sie die Bildgröße in HTML auf Tumblr

Wenn Ihre Blogbilder zu groß sind, müssen Benutzer möglicherweise einen Bildlauf durchführen, um sie anzuzeigen. Machen Sie die Bilder zu klein, und Blogbesucher bemerken sie möglicherweise nicht. Site-Designer, die Seiten für Blog-Sites wie Tumblr erstellen, optimieren häufig Bilder, um das Layout zu verbessern und in Browser-Seiten zu passen. Sie können dasselbe tun, ohne ein Bildbearbeitungsprogramm zu verwenden, wenn Sie die Verwendung des Tumblr-HTML-Editors verstanden haben.

Bild einfügen

Das Hinzufügen eines Bildes zu Ihrem Tumblr-Blogbeitrag ist so einfach wie das Klicken auf die Schaltfläche "Bild einfügen" oben in dem Bearbeitungsfeld, in das Sie Ihren Beitrag eingeben. Wenn Sie auf diese Schaltfläche klicken, wird ein Dialogfeld geöffnet, in dem Sie die URL eines Bildes eingeben können, das sich im Internet befindet. Das Fenster enthält außerdem zwei Textfelder im Bereich Bemaßungen, in denen Sie die Abmessungen Ihres Bildes festlegen können. Wenn Sie auf "Einfügen" klicken, fügt Tumblr das Bild zum Bearbeitungsfeld hinzu.

Manuelle Größenänderung

Sie müssen kein HTML verwenden, um die Größe eines Bildes in Ihrem Tumblr-Beitrag zu ändern. Wenn Sie auf das Bild klicken, werden im Bearbeitungsfeld kleine Ziehpunkte angezeigt. Ziehen Sie einen der Ziehpunkte, um das Bild zu vergrößern oder zu verkleinern. Sie können den Beitrag und das Bild jederzeit in der Vorschau anzeigen, indem Sie auf "Vorschau" klicken. Wenn Sie Bildgriffe ziehen, können Sie die Größe der Bilder schnell ändern, es ist jedoch schwierig, sie mit dieser Methode präzise zu bestimmen. Wenn Sie den Werten für Höhe und Breite der Bilder genaue Werte zuweisen müssen, verwenden Sie HTML.

Tumblr's HTML-Editor

Klicken Sie oben im Bearbeitungsfeld auf die Schaltfläche "HTML". Ein HTML-Editor zeigt den HTML-Code des Beitrags an. Wenn der Beitrag ein Bild enthält, zeigt der Editor eine Codezeile an, die der unten gezeigten ähnelt:

Dies ist ein HTML-Img-Tag mit einem SRC-Attribut, dessen Wert die URL Ihres Bildes ist. Dieser Wert lautet "//www.Some_Site.com/image.jpg". in diesem Beispiel. Ändern Sie die Werte für Höhe und Breite (in Pixeln) in beliebige Werte, deren Größe Sie ändern möchten.

Tipps

Wenn Ihnen die neue Bildgröße nicht gefällt, klicken Sie auf das Bild, um es auszuwählen, klicken Sie auf die Schaltfläche "HTML" und aktualisieren Sie die Höhe und Breite im HTML-Editor. Sie haben auch die Möglichkeit, ein neues Bild zu Ihrem Beitrag hinzuzufügen, indem Sie den folgenden Code in den Editor einfügen:

Ersetzen Sie das Fragezeichen durch die URL eines Bildes im Web und ersetzen Sie "X" und "Y" durch Werte für Höhe und Breite in Pixel. Denken Sie bei der Größenänderung von Bildern mithilfe von HTML daran, dass die Bildqualität mit zunehmender Bildgröße abnimmt.