Twitterのようにアイコンを丸くする方法を教えてください【Rails】

Question

こんばんは。
Railsにて不明点があった為ご教示いただければと思い質問させていただきます。

Twitterのようにアイコンを丸くしたいと考えております。

<img src="" alt="">

img {
border-radius: 50%;
  width: 30px;
  height: 30px;
 }

上記で通常のHTMLであれば丸くすることができました。
しかし下記のようにRailsで行うやり方がわかりません。

<%= tweet.user.image %> #userモデルからimageを引っ張ってきてアイコンにしたい

上記のようにデータベース上から引っ張ってくる際どのような形で丸くするのかがわかりません。

頭にimgをつけてしまって良いものなのか。
またspanなどで囲ったとしてimageだと正しく認識されるのか。

恐れ入りますがご教示いただけますと幸いです。

Comments

[no1knows]

image_pathか、image_tagの話をしているのでしょうか？？？？
https://railsguides.jp/action_view_overview.html#image-path
https://railsguides.jp/action_view_overview.html#image-tag

[thesnowman]

こんな感じでできますよー
<%= image_tag tweet.user.image, style: "border-radius: 50%; width: 70px; height: 70px; object-fit:cover;" %>

Answer 1

https://qiita.com/yukiweaver/items/52c45f442b9d9d59367e
Rmagickというgemを使えばできると思います。

Comments

[yastinbieber]

ありがとうございます！
解決することが出来ました！