railsで画像をファイルに配置して、表示させ、装飾させる方法

はじめに

　アプリケーションのUIを整えるために画像を使った。配置する場所や装飾の方法を記録しておく。

画像の表示

配置

app/assets/imagesに配置した。

表示させる

　表示は、HTMLに

html.erb

<%= image_tag "ファイル名.png", class:"chat-image" %>

サイズの変更

　サイズの変更はCSSにwidthとheightで装飾する。

.chat-image {
  width: 50px;
  opacity: 0.5;
}

opacityによって透明度を変えることもできる。