はじめに
ポートフォリオ作成一旦終わりました!
iphoneでホーム画面追加するときのアイコンってどうやって指定するんだ?
となり実装まで漕ぎ着けたのでアウトプットしておきます✍️
完成図
簡単!
指定したい画像を用意し、サイズを180x180にリサイズしておきます
適当な変換サイトでOK!
application.html.erbのhead内に以下を記述します
application.html.erb
<head>
<%= favicon_link_tag 'apple-touch-icon.png', rel: 'apple-touch-icon', type: 'image/png' %>
</head>
あとは該当の画像をapp/assets/imageに格納するだけ!
さいごに
ぜひやってみてください!
ブラウザタブの左上のアイコンを指定はこちら