Wer hat das nicht schon mal selbst erlebt: Fotos in Briefmarkengröße auf einer Webseite, denen man sprichwörtlich beim Laden zusehen kann. Woran das liegt (neben einer eventuell langsamen Netzanbindung) ist Jedem klar, der sich ein wenig mit den Eigenschaften von HTML auskennt: Ein möglicherweise viele tausend Pixel großes Bild wurde einfach über die Attribute height und width des Image-Tags (<img alt=““ />) auf das gewünschte Endmaß gebracht. Dabei skaliert der Browser clientseitig das viel zu große Bild auf das vom Nutzer eingestellte Wunschmaß. Das sieht oft nicht besonders gut aus und erhöht die Ladezeit unnötig.
Während es für uns Gestalter und Entwickler keine Hürde darstellt, ein Bild vor (!) der Integration auf einer Webseite auf das richtige Maß zu bringen, haben die Autoren, denen wir später eine vorbereitete CMS-Website übergeben, oft nicht das nötige Know How – und vielleicht auch nicht die Nerven und die Zeit dazu. Und genau hier springt ImageTweak von Ralf Hertsch (phpManufaktur, Berlin) in die Bresche und löst (zumindest für Nutzer des CMS WebsiteBaker) dieses Problem automatisiert im Hintergrund.
ImageTweak – Bildverkleinerer für WebsiteBaker & Lepton
ImageTweak ist ein Admin-Tool, welches als Ausgabefilter die vom Autor z.B. auf einer WYSIWYG-Seite integrierten Bilder auf das von den Attributen im Image-Tag bestimmte Endmaß bringt. Ausgabefilter kennen ambitionierte WebsiteBaker-Nutzer vielleicht schon von mitgelieferten „Frontend Output Filter“, der z.B. E-Mail-Adressen bei der Ausgabe so ändert, dass Sie für E-Mail-Spider schwieriger zu finden sind. ImageTweak funktioniert ähnlich – nur das hier halt nicht E-Mail-Adressen im Quelltext gesucht und ersetzt werden sondern eben Bilder.
Ralf beschreibt ImageTweak auf seiner Site sehr gut, deswegen möchte ich an dieser Stelle auch nicht viel mehr dazu schreiben und einfach auf seinen Artikel verweisen. Nur soviel: Autoren müssen nichts dazu lernen – sie fügen Bilder einfach wie gewohnt im Backend ein und legen Höhen und/oder Breite fest. Um alles andere kümmert sich ImageTweak und ersetzt automatisch beim ersten Aufruf der betroffenen Seite das Originalbild gegen eine neu berechnete und auf das vom Autor eingestellte Endmaß skalierte Version.
ImageTweak ist eine großartige Erweiterung für das freie Content Management System WebsiteBaker und sollte eigentlich zum Standard jeder neuen Installation werden. Zumindest dann, wenn das System an einen technisch weniger versierten Kunden übergeben werden soll. Danke dafür Ralf!