6
4

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で「ホーム画面に追加」の画像設定する方法

Posted at

RailsでWebクリップ(ホーム画面のショートカットアイコン)を設定する方法

version

ruby 2.5.3
rails 5.2.3

方法

まず、144 × 144サイズのpng画像を用意する。
(小さかったり大きかったりすると読み込んでくれない)

public/直下のデフォルトのapple-touch-icon.pngファイルを削除し用意した画像ファイルをおく。

ここではファイル名を「apple-touch-icon.png」とする。
(おそらくなんでもいいと思うが試してはいないです)

application.html.erbのheadに下記の記述をする。

<link rel="apple-touch-icon" href="apple-touch-icon.png">

これでプッシュしてサーバー(Heroku)にアップすればOK!

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

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?