Favicon & ICO ジェネレーター
favicon の使い方
1
ルートディレクトリに配置
ダウンロードした favicon.ico ファイルを Web サイトのルートフォルダーに移動します。
2
HTML コードを追加
このコードを HTML ページの <head> タグ内にコピー&ペーストしてください:
<!-- 基本 favicon -->
<link rel="icon" href="/favicon.ico" type="image/x-icon">
<!-- 现代浏览器推荐写法 -->
<link rel="icon" href="/favicon.ico" sizes="any">
<!-- PNG 格式 favicon(支持透明度) -->
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="48x48" href="/favicon-48x48.png">
<!-- Apple Touch Icon -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">