作成
編集する
faviconの簡単な作り方
html
favicon
保存形式はico?
gif、pngでも大丈夫ですが。IEではサポートされてません。
png などを ico に変換する場合は
変換サイト
などを利用するとpngやgifもicoに変換できます。
サイズは16x16? 32x32?
ファビコンの表示サイズは 16x16 ですが、デスクトップにショートカットを置いた場合のことも考えて 32x32 にしておくのがおすすめです。
設置する
ルートディレクトリに favicon.ico を設置すればOKです。
表示されない場合も、以下のように HTMLのメタ情報を記載すると表示されます。
html
<link rel="shortcut icon" href="//hogehoge.com//img/favicon.ico" />
Chromeのfaviconのキャッシュを削除
以下のディレクトリにある
Favicons
というファイルを削除してChromeを再起動します。
win
C:\Users\ユーザー名\AppData\Local\Google\Chrome\User Data\Default\Favicons
mac
/Users/ユーザー名/Library/Application Support/Google/Chrome/Default/Favicons
LOGIN
Facebook
Twitter
Google
AUTHOR
@hiropon
最終更新日 2018/09/18
FAVORITE
LINK TAG
<a href="http://wakatta.xyz/i62/" target="_blank">faviconの簡単な作り方 - wakatta</a>
記法を見る
1738880658