網(wǎng)站小圖標(biāo)即:favicon
favicon,即Favorites Icon的縮寫,是其可以讓瀏覽器的收藏夾中除顯示相應(yīng)的標(biāo)題外,還以圖標(biāo)的方式區(qū)別不同的網(wǎng)站。
簡(jiǎn)要介紹
favicon 就是出現(xiàn)在瀏覽器地址欄左側(cè)的那個(gè)小圖標(biāo)。favicon,中文名稱是網(wǎng)站頭像。當(dāng)然,這不僅僅是Favicon的全部,根據(jù)瀏覽器的不同,F(xiàn)avicon顯示也有所區(qū)別:在大多數(shù)主流瀏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不僅在收藏夾中顯示,還會(huì)同時(shí)出現(xiàn)在地址欄上,這時(shí)用戶可以拖曳favicon到桌面以建立到網(wǎng)站的快捷方式;除此之外,標(biāo)簽式瀏覽器甚至還有不少擴(kuò)展的功能,如FireFox甚至支持動(dòng)畫格式的favicon等。
從特定的技術(shù)角度看,favicon也并不只是僅僅讓網(wǎng)站給人更專業(yè)的觀感,也可以在一定程度上減輕服務(wù)器的流量帶寬占用:一般為了提高網(wǎng)站的可用性,我們都會(huì)為自己的網(wǎng)站創(chuàng)建一個(gè)自定義的404錯(cuò)誤文件,在這種情況下,如果網(wǎng)站沒有相應(yīng)的favicon.ico文件,每當(dāng)有用戶收藏網(wǎng)站/網(wǎng)頁(yè)時(shí), Web服務(wù)器都會(huì)調(diào)用這個(gè)自定義的404文件,并在網(wǎng)站的錯(cuò)誤日志中記錄。這顯然是應(yīng)該予以避免的。
favicon.ico文件生成還是有些難度的:它不是標(biāo)準(zhǔn)的位圖文件,需要用專門的favicon編輯器生成,F(xiàn)在網(wǎng)上有在線favicon生成器服務(wù):直接上傳你喜歡的圖片,直接生成16*16像素的favicon.ico文件,還有在線預(yù)覽功能。
設(shè)計(jì)概念
Favicons,袖珍圖形,適用于比較細(xì)致的網(wǎng)站,可以在瀏覽器的地址欄里顯示,緊鄰著書簽列表里網(wǎng)站的名字,還緊鄰著文件對(duì)話框界面的網(wǎng)頁(yè)標(biāo)題。要是立即被辨識(shí)出來的話,favicons應(yīng)該悅目,并且要適合頁(yè)面的設(shè)計(jì)或標(biāo)識(shí)。事實(shí)上,如果你在網(wǎng)站上使用favicons,用戶可以輕易在他們的書簽里找到你的URL——通過這種方式,你在你的網(wǎng)站和網(wǎng)站的訪問者之間創(chuàng)造了一些視覺連接。
然而,F(xiàn)avicons的設(shè)計(jì)可能是有難度的——不是那么容易就能創(chuàng)造一個(gè)漂亮的16×16px的迷你圖標(biāo)。盡管如此,部分設(shè)計(jì)師的運(yùn)用已經(jīng)取得了巨大的成效。連合活字(含有數(shù)個(gè)常用固定字母的活字,如an) 配合清晰的幾何結(jié)構(gòu)比單純的字體和抽象的圖像更能起作用,顏色的選取應(yīng)當(dāng)符合當(dāng)前Web 2.0的趨勢(shì)。讓我們來看看能激發(fā)你靈感的50個(gè)漂亮favicons. 你可以點(diǎn)擊favicons——它們可以打開一個(gè)頁(yè)面,而這頁(yè)面是用圖像作為頁(yè)面圖標(biāo)。