WagTools ロゴ

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">