Convert An Image To Grayscale In Html/css And Save The New Image

Is there anyway that I can convert the image to Gray scale or such other types by adding filters in (html and css) and then Save the new image back into server. This is what I have

Solution 1:

This link might help you: http://www.html5rocks.com/en/tutorials/canvas/imagefilters/

As far as re-saving it on the server, I don't think you'll need to do that as long as the HTML filters the image.