18
6

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 1 year has passed since last update.

Railsアプリにおけるfaviconの設定方法

Posted at

本記事の対象者

  • ファビコンって何?という方
  • Railsアプリにファビコンを設定したい方

favicon(ファビコン)とは?

こちらの画像で青い丸で囲ったところのマークのことをファビコンといいます。
ファビコン
あらゆるWEBサイトにアクセスしてみると、サイトごとにそれぞれのファビコンが設定してあると思います。
ブランディング的観点、信頼性的観点などから設定をしておいた方が良いとされております。

faviconの設定方法

  1. ファビコンとして設定したいロゴを用意して、下記フォルダに格納する。
     app/assets/images
  2. app/views/layouts/application.html.erbのタグ内に下記を追記する。
<%= favicon_link_tag('FILE_NAME') %>

※FILE_NAMEの部分に1で格納したファイルのファイル名を記載してください。

以上です。ファビコンの設定はかなり簡単なので、オリジナルアプリなどを制作する際には必ず設定するようにしましょう。

執筆:2022年9月3日(土)

18
6
1

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
18
6

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?