svgで画像をモノクロ化する
SVGタグ内に
<style> を書けばいいはず imgタグはsvg内に書かれたinline styleを解釈してくれる
CSS filterを使える
svgのimage要素で外部画像を表示するに以下を追加するだけでできた 
svg<defs> <filter id="sepia"> <feColorMatrix type="saturate" values="0"/> </filter></defs><style> image { filter: url(#sepia); }</style>ちなみにカラーな元画像