PhotoshopからSVGを描きだし→Chromeで表示されない場合の対処

先日PhotoshopからSVGを描きだしたところ、Chromeで表示されなくて困ったのでメモ。

比較的新しいPhotoshopで描きだすと表示されない

Qiitaさんでも書かれていましたが、2017年末ころからのPhotoshopから表示できなくなっている模様。
記事では「Chromeがそのうち対処するのではないか」と書かれていたものの、2019年4月現在でも表示されないため、これはひょっとしたら対処しないのかもしれない？という疑いも見えてきました。

対処法

SVGが表示されない場合の対処法は、SVGファイルをDreamweaverなどのテキストエディタで開き「　xlink：href = “data：img/png;　」と書かれている箇所を「　xlink：href = “data：image/png;　」と書き換えることで表示できるようになります。

記事によれば最新のIllustratorでも同じような現象が起こるようです。そうなるとAdobeさんが対応した方が早いような気もしますけどね。。。