はじめてfavicon設定した！！
お恥ずかしながらサーバサイドエンジニア歴13年にして
はじめてfavicon設定しました！
基本的にはプログラムよりな作業を主にしているので今までは基本的にフロントコーダー任せでしたが今回は人出も少なく。。。。それにnodejsでnuxtを使ったので、htmlに記載するのではなくnuxt.config.jsに記載をしたのでメモしておくことに。。
まぁプラスに考えて自分でやる仕事を（できる仕事）どんどん増やしています
まずは
faviconから、こちらはHTMLに記載する場合は
<link rel="shortcut icon" href="イメージのパス">
これで設定できるみたいでこれですら初耳学
これをnuxt.config.jsに記載するとこちら
link: [
{rel: 'icon', type: 'image/x-icon', href: 'イメージパス'},
]
なんかfavicon画像もらったら一緒に180x180の画像がついてきたのでこれ何？って聞いたらスマホとかでHOME画面にブックマーク置けるらしくその画像だと。。
せっかく作ってくれたのでこちらも設置してみました！！
<link rel="apple-touch-icon-precomposed" href="イメージパス" sizes="180x180" />
んでこちらをnuxt.config.jsに記載
link: [
{rel: 'apple-touch-icon', sizes: '180x180', href: 'イメージパス'},
]
apple-touch-icon-precomposedとapple-touch-iconの違いは古いiOSで光沢をつけるらしくそれをしないようにするのがapple-touch-icon-precomposedみたいです
なんだかいろいろ便利な世の中になってきているな。。
コメント
コメントを投稿