この記事

• Webサービス作る時に必要だったので
  • PCだけでなく、タブレットやスマホでもそれぞれに適したアイコンを表示するため

手順

• 元画像を用意
  • 例えばここから適当に
    • https://www.designevo.com/logo-maker/
• 専用サイトで変換
  • http://realfavicongenerator.net/
    • 基本的にはそのまま作業すればいい
    • 元ファイルをダウンロードしてからの作業メモ
      • config/favicon.json の TODO コメント箇所に favicon 画像パスを指定
      • rails generate favicon する際にタイムアウトになったので、許容時間を変更
        • $ ./bin/rails generate favicon --timeout 300
          • https://github.com/RealFaviconGenerator/rails_real_favicon/blob/master/lib/generators/favicon_generator.rb
      • サーバ再起動後、manifest.js に設定追加するよう言われるので設定

参考記事

• Railsでどのサイズのfavicon用意したらいいかわからないそんな時
  • https://marketing-web.hatenablog.com/entry/rails_favicon