Bildergroeße im Post veraendern ♥/♥♥♥

klein

mittel

groß

x-large

Ich wundere mich immer wieder, wenn ich mitbekomme, dass es BloggerInnen gibt, die nicht wissen, wie man die Bildergröße verändert. Deshalb zeige ich euch in diesem Tutorial, wie das ganz einfach und schnell geht :)

Und für die, die wissen, was sie wollen, habe ich ein schwierigeres Minitutorial in Schritt 3 angehängt :)




Bildergröße verändern geht am schnellsten und am besten mit dem Aktualisiertem Editor. Falls ihr das noch nicht habt, könnt ihr das unter Einstellungen --> Grundlegend ändern :)

Schritt 1


Ladet das gewünschte Bild in eurem Post. Ich lade sie immer extern hoch, d.h. nicht bei Blogger direkt, sondern bei Photobucket. Dadurch bleibt die Qualität eures Bildes gut (mehr dazu hier).

Schritt 2


Wenn ihr das Bild hinzugefügt habt, müsste es bei euch dann so aussehen. Wenn nicht, dann klickt einmal auf das Bild:

Die Bilder sind alle immer automatisch auf "Mittel" eingestellt. Ihr könnt die Bilder auch kleiner machen. Dafür klickt auf "Klein".

Ich benutze immer "X-Large", weil die Bilder dann immer am größten angezeigt werden, ohne, dass sie die Sidebar berühren. Passt aber auf. Meistens sind die Bilder kleiner und werden bei "X-Large" nur unnötig und vor allem unschön gestreckt, von daher drückt am Anfang, wenn ihr nicht genau wisst, wie groß das Bild eigentlich ist auf "Originalgröße", dann wird euch die, wie schon erwähnt, die Originalgröße angezeigt. Das sähe bei diesem Bild dann so aus:

Unten wird eine Scroll-Leiste angezeigt, was darauf hindeutet, dass das Bild größer ist als die optimale X-Large-Größe. Das ist aber nicht immer der Fall, vor allem, wenn ihr mal Inspirationsbilder von WeHeartIt.com postet, so wie ich das immer gerne mache :)


Schritt 3, für die, die wissen, was sie wollen:


Auf HTML bearbeiten könnt ihr die Größe auch bearbeiten.

Hier könnt ihr die Größe des Bildes selber bestimmen. Height ist die Höhe und Width die Breite. Und so rechnet man das aus, denn damit das Bild gut aussieht, müssen die Verhältnisse stimmen!! Achtung, Mathematik :)

Width/Breite --> momentane Breite = 640px --> gewünschte Breite (etwas kleiner als euer Postingbereich) = 800px

Height/Höhe --> momentane Höhe= 480px --> gewünschte Höhe = ?

So wird gerechnet:

Die gewünschte Breite geteilt durch die momentane Breite. Ergebnis multipliziert mit der momentanen Höhe ergibt die gewünschte Höhe.

Dann als Ergebnis steht dann:

<img border="0" height="600" src="..." width="800">

Viel Spaß damit und viel Erfolg beim Rechnen :)

EDIT:
Ihr braucht nicht mehr rechnen, ihr gebt ein Wert ein, also entweder WIDTH oder HEIGHT und Blogger macht den Rest von alleine ;)