SVG作成 アンドロイドで表示できない場合

※ アフィリエイト広告を利用しています

pngファイルをsvgに変換する作業を行ったのですが
サイト上からの変換だときれいなSVGが作成できず
illustratorで作業しても、結局ベクター画像でないので
綺麗に変換できず、Photoshopを利用してみたところ
見た感じきれいだったのでサイトに利用したところ、
アンドロイドで表示できないという壁にぶつかり、、、

どうやらPhotoshopで変換したSVGではアンドロイドでは
表示できないようです。
(詳細はこちらのサイトにて記載されている記事で知りました)

そこで作ったSVGをillustratorで保存すると確かに表示されますが
pngと同じ荒い画像になってしまいます。
(どうやらPhotoshopで作成したSVGもベクター画像ではないので
拡大すると荒くなってしまうようで、、、)

結局はillustratorで作り直すのが早そうですが、もし何か
良い方法があればお知らせいただけると助かります。

アンドロイドでsvgが表示できない!というかたは、もしかして
Photoshopを利用してませんか?
illustratorで保存しなおすと利用できますので、ベクター画像であれば
レスポンシブやretinaディスプレイ等々にも対応できるかと思います。

レスポンシブ
noteをフォローする
note

コメント

タイトルとURLをコピーしました