つむぐいと

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さんが対応した方が早いような気もしますけどね。。。

モバイルバージョンを終了