I need to greyscale imgages and ive found this post:
Ive tested it on my computer on FF, Chrome and Safari and it works fine. However the article says it wont work on all browsers:
'the browser in question must support the HTML5 canvas element and its ‘getImageData’ method ....Google Chrome and Safari (<4) don’t support ‘getImageData’'
From looking at the w3schools stats it seems like only a very small minority wont see the greyscaled images. Am I right? Im making this site for a client so it would be embarressing and a load extra work to have to go back and do things a different way.
For my solution I could look into getting my CMS to create greyscaled images, but I dont know how hard this will be to do. Also the page would then need to load twice as many images, as im using 1 greyscale and 1 full color image for a roll over effect a bit like this one:
Update- Its actually very easy for my CMS to greyscale images. So the decision comes down to page size vs compatability.
I did a quick test, using the greyscaling feature of my CMS doesnt make the greysclaed images any smaller, they are exactly the same size as the color originals.