Ich habe einen Wordpress-Blog. Auf den lade ich auch viele (!) Bilder hoch. Die Bilder möchte ich gerne in voller Qualität hochladen. Jetzt ist es aber so, dass ich nur auswählen kann, in welcher Auflösung das Vorschaubild sein soll. Klickt man da drauf und öffnet die Hauptansicht (dank Plugin in einer Lightbox), so wird aber immer sofort die Originaldatei geladen. Selbst wenn man auf einem Netbook mit minimaler Auflösung oder gar mobil unterwegs ist. Sie wird dann zwar verkleinert, aber erst clientseitig, erstmal muss man also die 1,5-3MB großen Bilder laden, was bei langsamen Leitungen lange dauert - und bei den vielen vorhandenen Bildern kostet das insgesamt dann viel Zeit.
Es sieht also so aus: Voransicht (feste Auflösung) -> Originalbild in Lightbox (clientseitig herunterskaliert)
Die perfekte Lösung sieht so aus, wie sie z.B. die CMS-Software Contao (ex Typolight) kann, die ich auch bei verschiedenen anderen Webseiten einsetze. Mit Lightbox-Plugin werden hier viele verschiedene Größen berechnet und abgespeichert. Zuerst wird dann die verkleinerte Voransicht angezeigt. Klickt man die an, öffnet sich die Lightbox, bei der das Bild eben serverseitig verkleinert und auf die Bildschirmauflösung angepasst wird. Jeder Client, egal ob Handy oder mit FullHD-Bildschirm, bekommt die genau auf ihn zugeschnittene Auflösung geliefert, was entsprechend Traffic spart. Erst wenn man in der Lightbox das Bild nochmal anklickt, öffnet sich wirklich direkt der Link zum Originalbild. Da die Auflösungen alle gecacht werden, ist die Serverlast auch nicht höher, höchstens etwas mehr Speicher ist nötig.
Hier sieht es also so aus: Voransicht (feste Auflösung) -> mittlere Großansicht in Lightbox (genau auf Bildschirmauflösung serverseitig (!) angepasst) -> Originalbild
Selbst wenn diese "mittlere" Größe nicht auf den Bildschirm des Users angepasst werden würde, sondern z.B. immer 1024x768 betragen würde, wäre das schon super.
Gibt es sowas auch für Wordpress? Also z.B. kleines Vorschaubild, in der Lightbox die 1024x768er Variante und wenn man da nochmal draufklickt, bekommt man die volle Größe?
Also ungefähr so: Voransicht (feste Auflösung) -> mittlere Großansicht in Lightbox (z.B. feste Auflösung 1024x768) -> Originalbild
Es sieht also so aus: Voransicht (feste Auflösung) -> Originalbild in Lightbox (clientseitig herunterskaliert)
Die perfekte Lösung sieht so aus, wie sie z.B. die CMS-Software Contao (ex Typolight) kann, die ich auch bei verschiedenen anderen Webseiten einsetze. Mit Lightbox-Plugin werden hier viele verschiedene Größen berechnet und abgespeichert. Zuerst wird dann die verkleinerte Voransicht angezeigt. Klickt man die an, öffnet sich die Lightbox, bei der das Bild eben serverseitig verkleinert und auf die Bildschirmauflösung angepasst wird. Jeder Client, egal ob Handy oder mit FullHD-Bildschirm, bekommt die genau auf ihn zugeschnittene Auflösung geliefert, was entsprechend Traffic spart. Erst wenn man in der Lightbox das Bild nochmal anklickt, öffnet sich wirklich direkt der Link zum Originalbild. Da die Auflösungen alle gecacht werden, ist die Serverlast auch nicht höher, höchstens etwas mehr Speicher ist nötig.
Hier sieht es also so aus: Voransicht (feste Auflösung) -> mittlere Großansicht in Lightbox (genau auf Bildschirmauflösung serverseitig (!) angepasst) -> Originalbild
Selbst wenn diese "mittlere" Größe nicht auf den Bildschirm des Users angepasst werden würde, sondern z.B. immer 1024x768 betragen würde, wäre das schon super.
Gibt es sowas auch für Wordpress? Also z.B. kleines Vorschaubild, in der Lightbox die 1024x768er Variante und wenn man da nochmal draufklickt, bekommt man die volle Größe?
Also ungefähr so: Voransicht (feste Auflösung) -> mittlere Großansicht in Lightbox (z.B. feste Auflösung 1024x768) -> Originalbild
