はじめに
-
assets/images/logo.jpeg
に画像を保存し,imgタグにてパスを参照してブラウザ表示を試みた。 - 上記ローカル環境にて表示することはできたが、
heroku
にデプロイした環境では表示させることができなかった。
やったこと
- 拡張子が
jpeg
になっていた→jpg
に修正する。 -
img
タグで記述をimage_tag
に修正する。 -
assets/images/x_logo.jpg
で絶対パス指定していたものを、x_logo.jpg
の形で相対パスに変更する。 - 修正後のコード↓
.login
.text-center
= image_tag 'x_logo.jpg' ,alt: '' ,width: '60' ,height: '57'
h3.text-center サインアップ
結果
- 開発環境、Heroku本番環境の両方でアイコンの画像を表示させることができた。
参考