thorstengoerke

Bei der Erstellung von Webseiten spielen Bilder eine nicht ganz unwesentliche Rolle. Dabei kann es sein, dass man die Darstellung der Bilder im Bezug auf die Größe gern ändern würde, ohne das eigentliche “Quellbild” bearbeiten zu wollen. Im Klartext: Hat man zum Beispiel einen Button im Layout hat das Bild des Buttons eine bestimmte Größe. Will man die Größe im Layout ändern ging das bislang mit Angaben zu Höhe und Weite im HTML-Quelltext. Das kann zur Folge haben, dass das betroffene Bild nicht sauber dargestellt.

Mein kleines Script “image_resizer”, welches als Nebenprodukt aus meiner Arbeit zu immoPlug entstand, kann hier Abhilfe schaffen: Anstatt des direkten Bildaufrufes im Quelltext wird das Script mit der Übergabe der Parameter Dateiname, Weite und Höhe gestartet. Dabei wird das Seitenverhältnis des darzustellenden Bildes beibehalten. Praktisch ist diese Herangehensweise zum Beispiel bei der Erstellung von Listen mit Thumbnails. Aber auch eine Implementierung in ein Galleriescript ist denkbar. Die url-Parameter lauten filename, width und height.

Die nachfolgende Darstellung wurde mit image-resizer realisiert. Die Bilder basieren dabei alle auf einer! Datei mit dem Namen “image-resizer-workpic.jpg”, welche sich im Format 800 x 500 Pixel im untergeordneten Verzeichnis “bilder” befindet.

50 Pixel

60 Pixel

80 Pixel

100 Pixel

In Zusammenhang mit Verlinkungen auf Bilder bietet sich die Kombinierung bei Thumbnail und Targetpic an. Dabei werden unterschiedliche Größenangaben für beide Bilder im Linkaufbau verwendet. Bei der nebenstehenden Demonstration wurde hier für das Vorschaubild die maximale Kantenlänge von 100 Pixeln und beim Zielbild von 300 Pixeln angegeben. Das PHP-Script “image-resizer” steht ab sofort hier frei zum Download bereit.