網站小圖標即:favicon
favicon,即Favorites Icon的缩写,是其可以让浏覽器的收藏夾中除顯示相應的標題外,還以圖標的方式區別不同的網站。
簡要介紹
favicon 就是出现在浏覽器地址欄左側的那個小圖標。favicon,中文名稱是網站頭像。當然,這不僅僅是Favicon的全部,根據浏覽器的不同,Favicon显示也有所区别:在大多数主流浏覽器如FireFox和Internet Explorer (5.5及以上版本)中,favicon不仅在收藏夹中显示,还会同时出现在地址栏上,这时用户可以拖曳favicon到桌面以建立到網站的快捷方式;除此之外,标签式浏覽器甚至还有不少扩展的功能,如FireFox甚至支持动画格式的favicon等。
從特定的技術角度看,favicon也並不只是僅僅讓網站給人更專業的觀感,也可以在一定程度上減輕服務器的流量帶寬占用:一般爲了提高網站的可用性,我们都会为自己的網站创建一个自定义的404错误文件,在这种情况下,如果網站没有相应的favicon.ico文件,每当有用户收藏網站/网页时, Web服务器都会调用这个自定义的404文件,并在網站的错误日志中记录。这显然是应该予以避免的。
favicon.ico文件生成還是有些難度的:它不是標准的位圖文件,需要用專門的favicon編輯器生成。現在網上有在線favicon生成器服務:直接上傳你喜歡的圖片,直接生成16*16像素的favicon.ico文件,還有在線預覽功能。
設計概念
Favicons,袖珍圖形,適用于比較細致的網站,可以在浏覽器的地址栏里显示,紧邻着书签列表里網站的名字,还紧邻着文件對話框界面的網頁標題。要是立即被辨識出來的話,favicons應該悅目,並且要適合頁面的設計或標識。事實上,如果你在網站上使用favicons,用戶可以輕易在他們的書簽裏找到你的URL——通過這種方式,你在你的網站和網站的访问者之间创造了一些视觉连接。
然而,Favicons的設計可能是有難度的——不是那麽容易就能創造一個漂亮的16×16px的迷你圖標。盡管如此,部分設計師的運用已經取得了巨大的成效。連合活字(含有数个常用固定字母的活字,如an) 配合清晰的几何结构比单纯的字體和抽象的图像更能起作用,颜色的选取应当符合当前Web 2.0的趋势。让我们来看看能激发你灵感的50个漂亮favicons. 你可以点击favicons——它们可以打开一个页面,而這頁面是用圖像作爲頁面圖標。
