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

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

Bild einfügen

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

Manuelle Größenänderung

Sie müssen kein HTML verwenden, um die Größe eines Bildes in Ihrem Tumblr-Beitrag zu ändern. Kleine Ziehpunkte werden um ein Bild im Bearbeitungsfeld angezeigt, wenn Sie darauf klicken. Ziehen Sie einen der Ziehpunkte, um das Bild zu vergrößern oder zu verkleinern. Sie können jederzeit eine Vorschau des Beitrags und seines Bildes anzeigen, indem Sie auf "Vorschau" klicken. Durch Ziehen von Bildgriffen können Sie die Größe von Bildern schnell ändern. Mit dieser Methode ist es jedoch schwierig, ihnen genaue Abmessungen zuzuweisen. Wenn Sie Bildern genaue Werte für Höhe und Breite zuweisen müssen, verwenden Sie HTML.

HTML-Editor von Tumblr

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 ähnlich der unten gezeigten an:

Dies ist ein HTML-IMG-Tag mit einem src-Attribut, dessen Wert die URL Ihres Bildes ist. Dieser Wert ist "//www.Some_Site.com/image.jpg". in diesem Beispiel. Ändern Sie die Höhen- und Breitenwerte – ausgedrückt in Pixel – auf beliebige Werte, um die Größe Ihres Bildes zu ändern.

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, Ihrem Beitrag ein neues Bild 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 beim Ändern der Größe von Bildern mithilfe von HTML daran, dass sich die Bildqualität mit zunehmender Bildgröße verschlechtert.


$config[zx-auto] not found$config[zx-overlay] not found