本番環境で画像が表示されない

##ローカルで表示された画像が本番環境だと表示できない

localhostの時は表示されていた画像がデプロイした本番環境だと表示できず、altの文字だけが表示されてしまう状態になりました。
画像はapp/assets/imagesの中に保存されてあります。
画像のpathがおかしいのかな？と狙いをつけて調べたところ解決できたので、記事にします！

元のコード

<img src="assets/MHW.jpg" alt="ゲーム画像１">

修正後のコード

<%= image_tag asset_path("MHW.jpg", alt: "ゲーム画像1") %>

自動デプロイの際に画像がコンパイルされ、パスが変わるのが原因のようです。
背景画像が表示できない場合は、下記を参照してみてください。

元のコード

img {
  background-image: url("MHW.jpg");
}

修正後のコード

img {
  background-image: image-url("MHW.jpg");
}

画像が表示されないエラーはよくあるので、今後も何か発見があれば記事にしていきたいと思います。
以上、ここまで閲覧していただきありがとうございました！！