いわりょのBlog

IT関連で学んだことを書いていきます。

rails ファビコンの設定

簡単な実装ですが、ホームページやiOSのアイコンをrailsで設定したのでメモ。

実現するもの

Chromeのアイコンとか↓

f:id:Ryo10Leo:20200112185208p:plain

スマホのアイコンとかです。↓

f:id:Ryo10Leo:20200112185254j:plain

画像が用意できたらすぐに実装できます。

ブラウザのアイコン

application.html.erbに以下の1行を追加するだけです。

application.html.erb

<head>
(省略)
<%= favicon_link_tag('shared/favicon.png') %>
</head>

app/aseets/images/shared配下に画像ファイルを置いています。

スマホのアイコン(iOS)

application.html.erb

<head>
(省略)
<%= favicon_link_tag('shared/favicon.png',
                     {:rel => 'apple-touch-icon',
                      :sizes => '180x180',
                      :type => 'image/png'}) %>
</head>

簡単でした!