railsで画像を利用する際にimage_tagを用いるべき理由

[やり方]

  • html:

  • rails:(dbを用いない場合)

    <%= image_tag %>

  • rails:(dbに登録:gem refile使用)

    <%= attachment_image_tag インスタンス変数(例: @store), :カラム名(例: image), fallback:(画像がdbから持ってこれないなど表示されない場合) "~~.jpg"(画像名), size: "50x50"(cssで設定した方が好ましい) %>

注意:もしhtmlのimg要素を用いて表示されない場合もあるのでrailsタグを用いる方が好ましい。

[背景画像]

  • ~~.erb:(各種view)

  • css:

    .box1 { background-image: image-url("xxxxxxx.jpg"[画像までのパス:railsではimages/フォルダにあるファイル名のみ記載すれば良い]); background-size: cover; }

  • 注意: デプロイを考慮し

    background-image: url("xxxxxxx.jpg");の記載の仕方を一部変更