Vintage Effekte für Photos mittels jQuery

Screenshot der Vintage.js Homepage

Ich steh ja auf diese Vintage-Effekte für Photos, und insbesondere auf die ganzen Instagram-Filter die es so gibt. Früher war es ja so, dass man diese zwar auch auf Bildern einer Webseite anwenden konnte, aber in der Regel ging das nur mit PHP. Heutzutage gibt es HTML5 und insbesondere das Canvas-Element. Was liegt also näher als ein Bild in ein Canvas zu kopieren, und dort zu manipulieren?

Screenshot der Vintage.js Homepage

Das jQuery-Plugin vintageJS macht exakt dies: Bild in Canvas kopieren, manipulieren und fertig ist der Vintage-Effekt. Darüber hinaus kann es auch nach Sepia, grün und rot färben und dem Bild somit auch einen „alten Anstrich“ verpassen. Die Verwendung das HTML-Canvas-Elements hat natürlich entscheidende Vorteile: auf dem Server befindet sich das unveränderte Original-Bild und die Last zum Filtern des Bildes liegt beim Client. Jegliche Form von Image-Caching auf dem Server entfällt. Habe ich keine Lust mehr auf Vintage schalte ich das Plugin eben wieder ab und habe meine Originale wieder – oder einen gänzlich anderen Effekt.

Die Anforderungen der Frontend-Enwicklung haben sich in den letzten Monaten drastisch geändert. Die Entwicklung ist weg von PHP (und dem Server) in Richtung JavaScript (und dem Client) gegangen – eine Entwicklung die leider noch nicht überall angekommen ist.

Ähnliche Beiträge

Isotope – Next Generation Website Layout dank jQue... Das letzte Plugin für jQuery was mich nachhaltig beeindruckt hatte, war Masonry. Das kleine Tool macht gerade auf Community-Seiten oder in Drupal rech...
Besserer Redirect mit jQuery Bei jQuery4U bin ich auf einen Artikel aufmerksam geworden, der in seiner Logik nicht zu überbieten ist! :) Jeder von uns benutzt wohl ab und an die l...
Nokia Maps API mit jQuery Eine Landkarte online zu bringen bedeutet nicht zwingend Google Maps, sondern es gibt auch noch andere Systeme. Nokia Maps ist eines dieser Systeme un...
jCookies – Cookies mit jQuery Cookies sind eine sinnvolle Sache, meistens mit dem Holzhammer verwendet. In der Regel werden sie entweder benutzt um eine Session in PHP zu kennzeich...

Schreibe einen Kommentar