

コーディングの学習をしているものです。  
自分のパソコンでローカルにhtmlをgoogleのブラウザで見る時には、背景画像としてSVG画像が表示されてうまくいっています。  
ところが、初めてFileZillaを使って自分で作ったものをアップして確認してみるとSVG画像が表示されてません。  
原因がわからなかったのですが、この画像をPNGに変換して、再びアップしてみてみるとブラウザで確認できました。  
どうしてSVG形式の画像は映し出されなかったのかわかりません。  
もしかしたら、コードを書くときに階層の位置関係を間違えてしまったのかと考えましたが、それも違うようです。  
このようにhtmlにコードを書いています。

[![画像の説明をここに入力](https://i.stack.imgur.com/rYLay.png)](https://i.stack.imgur.com/rYLay.png)

**画像を指定している箇所のHTML:**

[code]

        <!-- 背景画像 -->
        <!-- <div class="back">
          <img src="img/oval.png" alt="" />
        </div> -->
        <!-- 背景画像 -->
        <div class="back">
          <img src="img/oval.svg" alt="" />
        </div>
    
[/code]

画像の階層はPNGもSVGも同じところにあり、階層の位置関係を間違えて書いているわけでもなさそうです。  
ネットでFileZillaについて、また、SVG画像についての注意点なども調べてみましたがわかりませんでした。  
どなたか、この画像が表示されない原因を教えてくださいませんか。


CC BY-SA 4.0
2021-07-25T05:12:14.040
78390
2021-07-25T06:27:05.437
2021-07-25T06:27:05.437
3060
43443
question
html svg
アップロードした SVG 画像が表示されない