サイト作成において画像が表示されない

Question

現在サイト作成中なのですが、画像が表示されません（altも表示されない）
またエディタ内で画像クリックするとthis image is not displayed in the editor because it is too large(2.42MB).Open image using external program?
という文が表示されます。この場合小さい容量のものを使えばいいんでしょうか
また、chromeの検証ではGET file:///Users/〇〇/Downloads/Package-HTML/HTML/file/img/ net::ERR_FILE_NOT_FOUNDとなっています。

file
｜
｜__img
｜　　|_top-pic.jpg
｜
｜ーーstyle.CSS
｜ーーindex.html

HTML

<div class="home" id="home"> <h1>テスト</h1> <img src="img/top-pic.jpg" alt="a"> </div>

どう解決すればいいんでしょうか？

Comments

[tanishi_a]

Webサーバに上げているのですか？
それとも、PC 上で html ファイルをダブルクリックしてるのですか？

[kan1]

ローカル環境？でHTMLを見てます。
たった今ちょうど解決できました！
誠に有難う御座います！

Answer 1

<link rel="stylesheet" href="test.css" type="text/css">内に記述間違いがあったため適応されない状態？だったようです。先ほど解決しました。 無事解決できてよかったです。