SVGファイルがWEBサイトで表示されない件

SVGファイル単体だと表示されるのに、サーバにアップロードしてWEBサイト上では表示されない。

原因は単純だったけど、対応をメモしておく。

SVGファイルの内容を修正

SVGファイルをテキストエディタで開くと、XML形式で何やら書いている。

data:img

となっている部分を、

data:image

に変更して、再度アップロードすると表示されるようになる。

いまのところChromeのみの挙動らしいけど、Photoshopとかのデフォルトがimgなので、そのうちどちらかが歩み寄るんじゃないかなー。
ひとまず表示されたからいいけどさ。

投稿者: Output48

中学生の時に初めてHTMLに触れてからホームページ制作を独学で始める。 ベンチャー企業の営業、大手企業のPG・SEを経て、独立。 現在はとある企業のCTOと、変な名前の会社の社長をしてる。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください