Svg-фильтр для получения черно-белого фото из цветного

Для начала приведем оригинал изображения, которое будем преобразовывать в черно-белое с помощью svg-фильтра.

А теперь применим фильтр к этому изображению . Фильтр накладывается онлайн из исходной картинки. На нашем сервере нет обработанного изображения. Оно получилось только при формировании страницы. В этом можно убедиться нажав правую кнопку мышки, когда курсор расположен на обработанном фото. Картинки для сохранения нет.

Код фильтра, который был применен, приведен ниже.
<defs> <filter id="myFilter3"> <feColorMatrix in="a1" type="saturate" values="0"></feColorMatrix> </filter> </defs> Фильтр применялся к цветной картинке:
<image filter="url(#myFilter3)" xlink:href="svg-900-590.gif" width="100%" height="100%" /> Полный код можно посмотреть здесь. Например, такой подход можно применить, если вы хотите, чтобы добавляемые вашими пользователями фотки на ваш сайт, сразу же обрабатывались и становились черно-белыми.