githubのに初めて作ったページをイメージと共にアップロードしたのですが、ページに画像が表示されません。

Question

visual studioを使って初めてページを作ってみたのですが、そのページに埋め込んだ画像がgithubにアップロードした後に表示されません。
利用した画像は全部で7つ。それぞれのサイズが大きいので以下のように書き込みました。

<div class="trips-icon"> <img src="fail.photo/IMG_20191118_170414.jpg" width="120px" height="90px" alt="image"> <p>G</p> </div>

よってそれぞれのサイズはあまり大きくないはずなのですが、ブラウザーで更新するときもかなり重く、githubでアップロードした後は全く表示されなくなりました。

どのようにgithubに表示されるようにできるのでしょうか？　さらにページを軽くするにはどのようにしたらよいのでしょうか？

Comments

[y_waiwai]

githubのどこにどういうふうにしてアップロードしたんでしょうか

[m.ts10806]

>それぞれのサイズが大きいので以下のように書き込みました。
どういう期待でどういう情報を入れたつもりなのか記載してください。

[eneko0513]

Github Pagesを使っているという前提であっていますか。

[relax-hero]

y_waiwai様
ご返答ありがとうございます。　プロゲートの「自分のサイトをウェブ上に公開する」のマニュアル通り自分で作ったページをアップロードしました。「code」のセクターの「upload files」の場所にindex.html,stylesheet.cssのファイルと共に使用した画像ファイルをアップロードしました。

[relax-hero]

m.ts10806様
ご返答ありがとうございます。
一つ一つの画像ファイルのサイズが大きいのでindex.htmlにてサイズをして小さくして表示と重さが小さくできるかなと思いそうしました。

[relax-hero]

eneko0513様
ご返答ありがとうございます。
はいその通りです。

[m.ts10806]

質問は編集できますので加筆修正していただければそれで良いのですけど

Answer 1

widthを指定するのはいいですが、画像自体が小さくなるわけではないので、圧縮した画像をアップロードしましょう。

全く表示されないのであれば、もはや思いとかの問題ではないと思うので、きちんとアップロードされているか、画像URLが存在するか確認されてはいかがでしょうか？

Comments

[relax-hero]

了解いたしました。
そうですか。widthで指定しても画像の重さは変わらないのですね。。
了解いたしました。初心者ですみません。助かりました。
画像の表示についてはおっしゃるようにアップロードのファイルに問題がありました。
ありがとうございました。