Deep-Zoom im WordPress-Blog

  • Beitrags-Kategorie:Code / Webdesign
  • Lesedauer:2 min Lesezeit

Als ich Anfang August den Artikel zum abfotografierten und zusammengesetzten Kreide-Blumenbeet in der Erfurter Fußgängerzone veröffentlichte, gab es ein Problem: Das Bild war krasse 51.345 x 6.418 Pixel groß. Bisher hatte ich Bilder auf der Webseite maximal mit 1200 Pixel an der langen Kante veröffentlicht. Also die klassische Voransicht und wenn man drauf klickt sieht man das Foto in einer Art Lightbox etwas größer. Bei einem Seitenverhältnis von 8 zu 1 ist das immernoch zu klein. Es geht also darum, ein Bild nicht nur so:

sondern mit erweiterten Zoomfunktionen und auch im Vollbildmodus auf der Webseite darzustellen:

Erst durch das tiefe Zoomen kommen bei diesen sehr großen Bildern die Details richtig zur Geltung.

Da erinnerte ich mich vage an eine Webseite wo man riesige Panoramen – Gigapixel – erkunden konnte indem man sich zoomend und schiebend hindurch bewegte. Nach etwas Recherche kam ich auf die dahinter liegende Engine – zoomify.

Da gibt es eine Free-, Express-, Pro- und Enterprise-Version. Zum Testen hatte ich mir die Free-Version heruntergeladen. Der Konverter nimmt das darzustellende Bild und erzeugt für jede Zoomstufe eine Anzahl quadratische Kachelbilder in einer Ordnerstruktur. Zum Beispiel wurde das Blumenbeet-Bild zu einer Ordnerstruktur aus 7.041 Dateien und 28 Unterordnern. Zoomify setzt daraus später den Ausschnitt des Bildes zusammen, der gerade betrachtet wird und lädt gegebenenfalls Kacheln beim Zoomen oder Schieben nach.

Mit der Free-Version kam ich allerdings schnell an meine Grenzen und ich entschied mich, für etwa 40 Euro eine Pro-Lizenz zu erwerben. Die Features die ich für meine Webseite brauche sind ZIF-One-File-Storage, Zoomify Unlimited Konverter (beides ab Express) sowie Anpassbarkeit der Bedienelemente und Wasserzeichen (beides ab Pro).

Als alles funktionierte habe nach und nach weitere Artikel mit großen Bildern entsprechend erweitert. Nun kann man sich in so manchen Bildern “verlaufen”.

Github: Zoomify-Unterstützung in functions.php ergänzen

Sven

Sven Wachsmuth wurde 1978 geboren, ist in Emleben bei Gotha aufgewachsen, wohnt seit 2003 in Erfurt. Er experimentiert seit Anfang der 1990er sowohl mit den kreativen Dingen, die man so mit einem Computer anstellen kann als auch mit traditionellen Techniken wie Schreiben, Zeichnen, Fotografie und Modellbau. Inspiration findet er in der Natur und der Geometrie. mehr erfahren

Schreibe einen Kommentar