您可以顯示任何圖標。關於favicon.ico在我們的網站建設中,需要打造貼合網站主題的個性化logo,這直接關系到網站的品牌能否成功塑造。這從某些角度來說還是屬於網站推廣的範疇,成功不僅" />
當前位置:吉日网官网 - 油畫收藏 - 請問這個火狐瀏覽器上的圖標為什麽會變?

請問這個火狐瀏覽器上的圖標為什麽會變?

可替換。可以控制瀏覽器地址欄中的收藏夾圖標和圖標。

加入

& ltLink rel= "快捷方式圖標" href= "圖標路徑" type="image/x-icon " >

您可以顯示任何圖標。

關於favicon.ico

在我們的網站建設中,需要打造貼合網站主題的個性化logo,這直接關系到網站的品牌能否成功塑造。這從某些角度來說還是屬於網站推廣的範疇,成功不僅包括好的頁面設計,令人印象深刻的網站Logo,還有favicon。

什麽是favicon?

Favicon,收藏夾圖標的縮寫,顧名思義就是可以讓瀏覽器的收藏夾顯示相應的標題,通過圖標來區分不同的網站。當然,這不僅僅是favicon的全部,根據不同的瀏覽器,favicon的顯示也是不同的:在大多數主流瀏覽器如FireFox、Internet Explorer (5.5版本5.5及以上)中,Favicon不僅顯示在收藏夾中,還同時出現在地址欄中,用戶可以將Favicon拖動到桌面上,創建網站的快捷方式;另外,選項卡式瀏覽器甚至還有很多擴展功能,比如FireFox,甚至還有支持動畫格式的favicon。

從具體的技術角度來說,favicon不僅讓網站給人更專業的觀感,還在壹定程度上減少了服務器的流量帶寬占用:壹般為了提高網站的可用性,我們會為自己的網站創建壹個自定義的404錯誤文件。在這種情況下,如果網站沒有相應的favicon.ico文件,每當用戶收藏壹個網站/網頁時,web服務器都會調用這個自定義的404文件,該文件會被下載到網站。這顯然應該避免。

如何制作Favicon.ico

Favicon.ico的制作方法相當簡單。首先利用圖形工具創建兩張反映網站主題的256色小圖:1,32×32像素,另壹張16 ×16像素。需要註意的是,調色板應該是“Windows默認調色板”,否則,圖形在最終的效果顯示中可能會出現與妳本意不同的顏色變化。

需要註意的是,在很多對Favicon.ico的描述中,常見的是要求圖片為16色,應該說是大大落伍了:在Windows 95等早期,16色的Favicon.ico可能是大多數情況下保證其正常使用的安全選擇,而現在,完全沒有這種限制,16。

至於在瀏覽器中使用16×16像素的圖片就夠了,為什麽還需要準備32×32像素的圖片呢?原因是如上所述,地址欄中也顯示了favicon,用戶可以將favicon拖動到桌面上建立網站的快捷方式,而桌面圖標應該以32×32顯示。如果妳的Favicon.ico沒有包含32像素的圖片,系統就只能使用默認的瀏覽器圖標來標記網站/網頁,比如Internet Explorer的藍色“e”就無法起到通過favicon.ico打造網站品牌的作用。

圖片制作完成後,可以使用Image2Ico等小程序將兩張圖片轉換成壹個圖標文件。它也可以通過壹個網站制作,在這個網站上可以在線制作Favicon。不過需要註意的是,這個網站要求圖片源文件格式為Pic。favicon.ico的地址可以在線制作:

/html-kit/services/favicon/

在網頁中使用Favicon.ico

瀏覽器調用Favicon的原理是先在網頁所在的目錄中尋找Favicon.ico文件,如果沒有,就在網站的根目錄中尋找。

所以在網頁中使用Favicon最簡單的方法就是將創建的圖標文件命名為Favicon.ico,然後上傳到網站的根目錄。

如果需要將Favicon.ico放在其他目錄下,或者想讓不同的網頁顯示不同的Favicon,需要在網頁Html文件中設置,具體設置非常簡單。在Html的< < head > >部分添加以下代碼:

程序代碼:

& ltlink rel= "快捷方式圖標" href = "/dir/favicon . ico " MCE _ href = "/dir/favicon . ico " type = " image/x-icon " & gt;

火狐還支持GIF動畫格式的Favicon,使用方法如下:

首先制作壹個16*16的gif動畫,然後在html代碼中

程序代碼

& ltlink rel = " icon " href = " animated _ favicon . gif " type = " image/gif " & gt;

  • 上一篇:讓人心動的文案短句
  • 下一篇:誰知道08套郵票包含什麽?價格是多少?
  • copyright 2024吉日网官网