Abspeichern der Bilder mit doppelter Kantenlänge und halber Qualität
Hi!
Ich habe mittlerweile in so manchen Foren nachgesehen, habe aber keine vernünftige Info gefunden.. Vielleicht könnt ihr mir ja helfen :)
Ich würde gerne einen der zwanzigtausend Retina-Wege eingehen: Statt dem Benutzer zuerst eine Standardauflösung zu geben und im Anschluss eine Retina nachzuwerfen, was gerade auf mobilen Geräten doppelten Zugriff verursacht, würde ich gerne die Bilder mit doppelter Auflösung, dafür weitaus schlechterer Qualität, ablegen.
Beispiel:
eine 300x300px Grafik mit 80% JPEG Qualität soll als 600x600px Grafik mit 40% Qualität abgespeichert werden.
Der Effekt den ich damit erzielen möchte, ist der folgende:
http://danielwinter.at/retina/
Wer diese Seite mit einem normalen Display besucht, erkennt nahezu keinen Unterschied zwischen der Retina und der normalen Bilddatei, wer aber mit einem Retina draufsieht, wird enorme Unterschiede feststellen können!
Nun meine Frage: Wo könnt ich das bei Contao einstellen, dass die Bilder doppelt so groß abgespeichert werden, die Ausgabe dann aber im HTML nur die hälfte der Kantenlänge in den width und height tags ausgibt? Darf ruhig hardcoded sein, wenns nicht anders geht.. :)
Und bevor jemand fragt: Nein, Lösungen mit JS find ich unangemessen. Retina Screens sind derzeit zu 99% Mobile Geräte, warum sollten die zweimal den Content laden, wenns einmal auch reicht? Und am Desktop macht der kleine Ramverbrauch mehr auch nichts mehr aus.. :) Die Extension Retina Optimizer macht leider genau das. Zudem hat diese Probleme wenn man das Bild bspw mit Center Center beschneiden lässt :(
Besten Dank schonmal!
Daniel
