jQuery GrayScale Image Plugin: jQuery plugin to convert an image to grayscale

Recommend this page to a friend!
  Info   Screenshots Screenshots   View files View files (3)   DownloadInstall with Composer Download .zip   Reputation   Support forum   Blog    
Ratings Unique User Downloads Download Rankings
Not enough user ratingsTotal: 185 All time: 279 This week: 14Up
Version License JavaScript version Categories
jquery-grayscale 1.0GNU General Publi...1.0jQuery, Graphics
Description Author

This is a jQuery plugin to convert an image to grayscale.

It takes the URL of an image and loads it into a canvas object.

The plugin can convert the image to grayscale by mapping the color of each pixel to a gray tone with the same intensity of the original image color.

It returns a data URL that can be used to dynamically set the SRC parameter of an IMG tag in the current page.

Innovation Award
JavaScript Programming Innovation award winner
March 2013

Prize: One downloadable e-book of choice by O'Reilly
Black and white versions of pictures sometimes can provide an interesting effect on Web pages.

This jQuery plugin can take a color image and show it in gray scale tones.

Manuel Lemos
Picture of Raul Molnar
Name: Raul Molnar <contact>
Classes: 1 package by
Country: Romania Romania
Age: 40
All time rank: 1314 in Romania Romania
Week rank: 6 Up1 in Romania Romania Up
Innovation award
Innovation award
Nominee: 1x

Winner: 1x

  • screenshoot.png
  Files folder image Files  
File Role Description
Files folder imageimg (1 file)
Files folder imageplugin (1 file)
Accessible without login Plain text file demo.html Example Plugin demo

  Files folder image Files  /  img  
File Role Description
  Accessible without login Image file img1.jpg Photo The image for demo

  Files folder image Files  /  plugin  
File Role Description
  Plain text file jquery.grayscale.js Class The plugin file

 Version Control Unique User Downloads Download Rankings  
This week:0
All time:279
This week:14Up