rails6 画像のパスを指定する

rails6でview内で画像のパスを指定するまでの手順を記述してます。Railsのバージョンは6.1.3を使用してます。

環境

• OS CentOS Linux release 7.9.2009 (Core)
• Ruby 3.0.0
• Rails 6.1.3

画像パス指定

ヘルパーメソッドである「image_tag」を基本的には使用します。

例えば「app/assets/images」配下にある「logo.png」を使用する場合は、

以下のようになります。

<%= image_tag "logo.png" %>

画面上では、下図のようにコンパイルされます。

class指定

classを指定する場合は、以下のようにします。

<%= image_tag "logo.png", class: "w-10 flex-none" %>

alt指定

altの指定も可能です。

<%= image_tag "logo.png", class: "w-10 flex-none", alt: "hoge" %>

サイズ指定

サイズの指定も行えます。「size: ” width x height “」

<%= image_tag "logo.png", class: "w-10 flex-none", alt: "hoge", size: "100x50" %>