Favicon.ico圖標(biāo)下載

如何使用Favicon圖標(biāo)生成器？

你可以通過字母或者圖片兩種方式制作Favicon圖標(biāo)

字母Favicon：直接輸入字母（支持漢字）后點(diǎn)擊生成按鈕就能看到多個(gè)基于字母（或者漢字）的圖標(biāo)樣式。選擇直接下載或者繼續(xù)編輯圖標(biāo)的字體，顏色，或者背景圖形。

圖片F(xiàn)avicon：如果您已有圖片或者logo，可以點(diǎn)擊圖片→ICO的鏈接來在線生成你的Favicon圖標(biāo)。

如何安裝Favicon圖標(biāo)？

點(diǎn)擊下載并選擇Favicon格式，你將獲得Favicon圖標(biāo)的zip打包文件包含：

  • android-chrome-192×192.png
  • android-chrome-512×512.png
  • apple-touch-icon.png
  • favicon-16×16.png
  • favicon-32×32.png
  • favicon.ico
  • site.webmanifest

直接將Favicon文件上傳到你的網(wǎng)站服務(wù)器根目錄，在網(wǎng)頁(yè)的 head 部分復(fù)制粘貼HTML代碼即可。

{{ code }}

Favicon.ico圖標(biāo)常見問題

?? 什么是Favicon圖標(biāo)？

Favicon也稱為URL圖標(biāo)或網(wǎng)站圖標(biāo)。這些圖標(biāo)非常小（通常為16×16或32×32），并會(huì)顯示在瀏覽器窗口和書簽中網(wǎng)站網(wǎng)址的旁邊，讓訪問用戶可以輕松在其打開的窗口中識(shí)別你的網(wǎng)站。

taobao.com baidu.com mi.com

?? 如果本地有ico圖標(biāo)文件，如何添加網(wǎng)站Favicon圖標(biāo)？

步驟1：重命名Favicon名稱

將本地圖標(biāo)名稱修改為 favicon.ico . 文件的名稱非常重要，因?yàn)閃eb 瀏覽器會(huì)自動(dòng)查找具有該名稱的文件。

步驟2：上傳Favicon文件

將Favicon圖標(biāo)上傳到網(wǎng)站的主目錄或根目錄，默認(rèn)位置為 yourwebsite.com/favicon.ico 同樣瀏覽器會(huì)首先在網(wǎng)頁(yè)所在目錄默認(rèn)位置尋找favicon.ico文件。

步驟3：測(cè)試

Favicon圖標(biāo)安裝成功后，將在瀏覽器的地址欄上顯示出來。也可通過添加為網(wǎng)站書簽的方式，來測(cè)試圖標(biāo)是否正確展示。

步驟4：調(diào)試

為什么Favicon圖標(biāo)安裝后沒有顯示？

通常情況為，圖標(biāo)命名或安裝位置錯(cuò)誤。確保你的favicon圖標(biāo)在以下位置能夠訪問到 http://websitename.com/favicon.ico

為什么顯示的Favicon圖標(biāo)不是最新版本？

這是由于瀏覽器緩存問題，有時(shí)會(huì)顯示舊版本，在強(qiáng)制清除瀏覽器緩存后，就能展示最新上傳的favicon圖標(biāo)。

?? Favicon圖標(biāo)有什么作用？

Favicon圖標(biāo)用于幫助用戶更輕松地在瀏覽器、書簽、快捷方式和地址欄中直觀地識(shí)別出你的網(wǎng)站，也讓用戶更容易在他們的瀏覽器上保存和記住你的網(wǎng)站。作為經(jīng)常被忽視的主要品牌元素，一個(gè)好看的Favicon圖標(biāo)可以讓你的網(wǎng)站在眾多競(jìng)爭(zhēng)對(duì)手中脫穎而出。

?? 常見的favicon圖標(biāo)格式有哪些？

ICO - favicon.ico

最常見的favicon圖標(biāo)格式是 ICO、PNG 和 SVG，但對(duì)于特定的瀏覽器或設(shè)備還有其他格式。ICO 文件格式由 Microsoft 開發(fā)，是 favicon 的原始文件格式。該格式是獨(dú)一無二的，因?yàn)樗试S在同一個(gè)文件中包含多個(gè)小圖像。這是最大的優(yōu)勢(shì)，因?yàn)?ICO 格式（16x16、32x32 和 48x48 像素）的favicon圖標(biāo)所需的小圖標(biāo)可以獨(dú)立縮放和優(yōu)化。在小尺寸下，你不能依靠瀏覽器以最佳方式自動(dòng)調(diào)整圖標(biāo)大小。所有瀏覽器都支持 ICO 格式，它是 IE5 ～I(xiàn)E10 唯一支持的格式。

PNG - favicon.png

PNG 格式是一種很棒的格式，因?yàn)樗谴蠖鄶?shù)人熟悉的格式，并且不需要任何特殊工具來創(chuàng)建。隨著現(xiàn)代屏幕的高分辨率，小分辨率的小圖標(biāo)尺寸的原始問題不再存在。對(duì)于支持 PNG favicon 圖標(biāo)格式的瀏覽器，通常在瀏覽器選項(xiàng)卡或書簽欄中顯示的 favicon 的質(zhì)量將高于 ICO 格式。PNG 格式的缺點(diǎn)是它與 IE5 ～ IE10 不兼容。

SVG - favicon.svg

SVG 格式優(yōu)于 PNG 和 ICO 格式，但大多數(shù)瀏覽器都不支持。SVG 文件非常輕量級(jí)，并且可以無限擴(kuò)展，圖像質(zhì)量高，而且沒有大圖片加載消耗時(shí)間長(zhǎng)的問題。目前只有 Chrome、Firefox 和 Opera 支持 SVG 格式的網(wǎng)站圖標(biāo)。

?? 常見的favicon圖標(biāo)大小有哪些？

首先，你的favicon圖標(biāo)必須是方形的，由于桌面瀏覽器和IOS不支持其他形狀的圖標(biāo)。
對(duì)于 ICO 格式，推薦的尺寸為 16x16、32x32 和 48x48 像素。
對(duì)于 PNG 格式，推薦的尺寸為 16x16 和 32x32，不過瀏覽器可以兼容任何方形 PNG 圖像。

?? Favicon圖標(biāo)會(huì)影響搜索引擎排名或SEO嗎？

Favicon圖標(biāo)可間接幫助你優(yōu)化搜索引擎（SEO）：有些搜索引擎會(huì)在搜索結(jié)果中顯示你的 Favicon圖標(biāo)。一個(gè)吸引力的Favicon圖標(biāo)能夠提高在這些搜索引擎上點(diǎn)擊率（CTR）。此外，F(xiàn)avicon圖標(biāo)是建立品牌認(rèn)知度和品牌專業(yè)度的必要條件，缺失Favicon圖標(biāo)可能會(huì)降低用戶對(duì)網(wǎng)站的信任并增加跳出率。

請(qǐng)用微信掃碼支付