Gestern ging ein Projekt online an dem ich in letzter Zeit gearbeitet habe und da ich hier wieder etwas mehr schreiben möchte, kommt heute ein Eintrag dazu in dem ich auch darauf eingehen möchte wie jede und jeder ganz einfach anhand zweier Zahlenwerte die Größe eines Bildes anpassen kann.
Maren Hessler und Marcus Splitt starten mit shifthappens.de ein Online-Magazin für Veränderung in Organisationen und Gesellschaft. Ich zitiere dazu einfach mal aus dem Beitrag „SHIFTHAPPENS“ von gestern:
Wir sind der Meinung, dass es sich bei der aktuellen Krise nicht um eine Wirtschafts-, sondern um eine Systemkrise handelt. Deswegen wollen wir eine andere Perspektive anbieten und Impulse für zeitgemäßere Organisationsformen geben sowie Menschen zu Wort kommen lassen, die die Chance eines Shifts er- und begriffen haben.
In diesem Sinne empfehle ich dir das Blog. Für Menschen die das Blog weiterempfehlen wollen finden sich dort auf der Mitmachen-Seite ein paar Bildchen die auch Banner genannt werden. Da ich immer wieder mit solchen Bildern zu tun habe und ab und an feststelle, dass das Einbinden eines solchen Bildes in einer Größe die von der angebotenen Größe abweicht als Herausforderung erscheint möchte ich nun dazu ein paar Wort schreiben. Auf Seiten die solche Bilder anbieten findet sich meist ein Code-Schnipsel der in die eigene Seite eingebunden werden kann – es ist also nicht mehr zu tun als diesen Code zu markieren, zu kopieren und an einer geeigneten Stelle auf der eigenen Seite einzufügen, das werde ich nun auch machen…
Das einfügen des Codes führt dazu, dass hier das Bild in der angegebenen Größe angezeigt wird. Die Größe des Bildes wird durch die Angaben width=“200″ und height=“60″ bestimmt. Diese beiden Angaben helfen dem Code-Schnipsel dabei „standardkonform“ zu sein und lassen den Browser von Anfang an wissen wie viel Platz er für das Bild frei halten muss.
Möchte ich das Bild nun etwas kleiner darstellen verändere ich diese beiden Werte. Es empfielt sich Bilder nur kleiner darstellen zu lassen, da es bei Vergrößerungen natürlich zu Unschärfen kommt. Nehmen wir nun also an wir wollen das Bild in eine Seitenleiste einbinden die nur 150px breit ist, muss also der eine Wert width=“150″ heißen, um die Seitenverhältnisse des Bildes korrekt darstellen zu lassen muss sich auch der Wert height=“60″ ändern. Eine einfache Methode diesen Wert zu ermitteln ist es ihn durch 200 zu teilen und mit 150 zu multiplizieren – dabei erhält man den neuen Wert height=“45″. Natürlich kann man das auch mit jedem beliebigen Bildbearbeitungsprogramm erfahren, kleine Rechnung sollen aber auch gut für das eigene Gehirn sein, und das muss man selten extra öffnen.