VintageJS est un plugin jQuery permettant d’ajouter un look vintage à vos images web. Avec le succès des effets Instagram, plusieurs scripts et classes PHP comme Instagraph ont vu le jour.

Son fonctionnement est très simple, comme tout plugin jQuery, il suffit d’initialiser le script sur un sélecteur précis:

$(function () {
	$('img.vintage').click(function () {
		$(this).vintage({
			vignette: {
				black: 0.8,
				white: 0.2
			},
			noise: 20,
			screen: {
				red: 12,
				green: 75,
				blue: 153,
				strength: 0.3
			},
			desaturate: 0.05
		});
	});
});

De multiples options permettront de changer l’effet à appliquer à l’image. Une version de démo en ligne permet de tester les effets et sauvegarder l’image traitée.

Côté compatibilité navigateur, étant donné que l’on utilise du HTML5 Canvas, on peut dire adieu aux versions d’Internet Explorer 6,7 et 8 :

  • Mozilla FireFox 3.16.14
  • Google Chrome 9.0.597.107
  • Apple Safari 5.0.3
  • Opera 11.01
  • Internet Explorer 9

Mais si vous voulez générer automatiquement ce genre d’effet sans que vos visiteurs ne puissent choisir eux même le paramétrage, il vaut sans doute mieux passer par du PHP (Instagraph).

Source