網站開發者都知道,過去,為保證favicon出現,很難明確地保證favicon可以在所有電腦上顯示,即使是用同一版本的一種浏覽器。下面是讓網站顯示favicon.ico的兼容性正確寫法。
在網站根目錄位置放置favicon.ico文件,確保 http://example.com/favicon.ico 能訪問
在網頁的<head></head>
放置兩行代碼:
<link href="http://example.com/favicon.ico" rel="shortcut icon" type="image/vnd.microsoft.icon" />
`
注意:這兩行代碼只能添加在<head></head>之間。只有第一行是必須的,並且href可以,但不必指向/favicon.ico的位置。它可以指向任何URL。favicon.ico尺寸一般為3232或1616,大小一般控制在1k以下較好。
順便介紹兩個Favicon制作(生成)工具:
favicon.cc(Web在線應用,可以方便的制作或上傳圖片自動生成適合網頁的favicon.ico文件)。[應用地址](http://www.favicon.cc/ "favicon.cc"
Axialis IconWorkshop(一款專業的功能強大的圖標制作工具,可以為windows,MacOS,UNIX系統甚至移動智能終端平台創建圖標)中文版官網
了解更多可查看維基百科上的解釋