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)頁的 head 部分復(fù)制粘貼HTML代碼即可。

{{ code }}

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

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

Favicon也稱為URL圖標(biāo)或網(wǎng)站圖標(biāo)。這些圖標(biāo)非常?。ㄍǔ?6×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)頁所在目錄默認(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)用微信掃碼支付