60
51

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

Railsでfaviconを設定する

Posted at

はじめに

Railsのバージョンは4.2.1で確認。

faviconのメソッドとiconファイルの参照箇所について

favicon_link_tagメソッドの引数を省略するとパスはapp/assets/images以下にあるfavicon.icoを参照する。

<%= favicon_link_tag() %>

assetpipelineを使っているなら

 <link rel="shortcut icon" type="image/x-icon" href="/assets/favicon-f864e77e8c0e38c5aced6c94986a3bea59d6c4fa37787e7cd6bb1fa39b794001.ico" />

これは次のようにするのと同じ

<%= favicon_link_tag('favicon.ico') %>

iOSのアイコンなどを指定する際はapp/assets/images/apple-touch-icon-180x180.pngにファイルを置いて次のように指定

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

/favicon.icoなどのように指定した時はpublic/favicon.icoを参照する。

<%= favicon_link_tag('/favicon.ico') %>
<link rel="shortcut icon" type="image/x-icon" href="/favicon.ico" />

自分はどうしてるか

基本的なfavicon.icoは下記のように引数を省略せずパス指定せず設定してる。なぜかというと省略したらどうなるかを憶えていられる自信はないし、実ファイルがassets/assets/favicon.icoにしかないのでここを参照していることが確認にもなる。

<%= favicon_link_tag('favicon.ico') %>
60
51
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
60
51

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?