Favicon & ICO 圖示產生器
如何使用你的 favicon
1
放入根目錄
將下載的 favicon.ico 檔案移動到網站根目錄。
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">