favicon是一個與網頁或網站相關聯的自定義圖標,該圖標出現在瀏覽器的URL窗口中的 http 地址旁邊。它還將占用啟用選項卡的瀏覽器中打開的選項卡,并將顯示在書簽鏈接旁邊。該術語組合了"收藏夾"和"圖標"。Microsoft Inte...
favicon是一個與網頁或網站相關聯的自定義圖標,該圖標出現在瀏覽器的URL窗口中的
http地址旁邊。它還將占用啟用選項卡的瀏覽器中打開的選項卡,并將顯示在書簽鏈接旁邊。該術語組合了"收藏夾"和"圖標"。Microsoft Internet Explorer 5.0版引入了顯示Favicon的功能,隨后是其他主要瀏覽器。Firefox、Netscape、Opera,Safari和Konquerer是眾多支持此功能的瀏覽器之一。

favicon非常小,以像素為單位進行測量。像素是在計算機屏幕上的測量。通過放大鏡觀看顯示屏時,像素類似于微小的塊,清晰可見。favicon只有16x16像素,32x32像素,或者,對于Macintosh計算機,有時是64x64或更大。
為這樣一個小畫布設計一個徽標這不是一件容易的事,所以從一個更大的畫布開始,然后再縮小圖像的大小會更容易。因為縮小圖像會導致圖像清晰度降低,所以最好從64x64像素的畫布大小開始。
這些圖標可以使用幾乎任何圖形程序設計為單色、16色、256色或更多顏色。一旦設計縮小并保存后,可以將其轉換為
圖標文件。并非所有圖形程序都將文件保存為.ico文件,但有許多圖形程序可用于特定于.ico文件創建和轉換的聯機圖形程序。通過在其中一個程序中打開.bmp、.jpg、.gif或其他圖像文件并選擇"另存為","您可以將圖像轉換為正確的.ico格式并將文件命名為favicon.ico。
圖標現在可以上載到網站的根目錄中瀏覽器將查找此文件并在找到時顯示它。除了將其上載到網站外,還應在網頁的<;head>;<;/head>;部分添加兩行簡單代碼,如下所示。將"website.com"更改為實際的網站名稱:
<;link rel="icon"href="http://網站icon=,刷新瀏覽器的緩存,然后重新啟動瀏覽器。現在手動瀏覽網站,您應該會看到favicon。將站點添加書簽以添加到收藏夾中
,而Internet Explorer要求favicon是.ico文件,Firefox、Netscape和其他流行瀏覽器也可以顯示.gif、.jpg,和.png文件。如果使用.ico以外的圖像文件類型,則應更改代碼以反映正確的圖像類型。例如,如果使用favicon.png,則代碼將為:type="image/png"/>;
而不是type="image/x-icon"/>;
將favicon與網站聯系起來,可以創建視覺品牌,幫助瀏覽者只需瀏覽書簽就可以回憶起您的網站及其內容。無論是迷你徽標還是原創設計,您的形象都能完美地反映出網站的內容、特征,如果需要的話,有幾個在線公司會為你設計一個favicon。但是,對于那些有基本計算機技能的人來說,創建一個favicon是一個簡單而有趣的任務,從幾分鐘到一個下午或晚上。